@onereach/ui-components 12.0.1 → 12.0.2-beta.4597.0

package/dist/bundled/v3/components/OrColorPicker/constants.js

@@ -1 +1 @@
-export { h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, P as default, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-bb0c0fe6.js';
+export { h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, P as default, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-349b3842.js';

package/dist/bundled/v3/components/OrColorPicker/index.js

@@ -1 +1 @@
-export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-bb0c0fe6.js';
+export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-349b3842.js';

package/dist/bundled/v3/components/OrColorPicker/utils/defultPalette.js

@@ -1 +1 @@
-export { q as default } from '../../OrColorPicker-bb0c0fe6.js';
+export { q as default } from '../../OrColorPicker-349b3842.js';

package/dist/bundled/v3/components/{OrColorPicker-bb0c0fe6.js → OrColorPicker-349b3842.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from './OrAvatar-3cade698.js';
+import { s as styleInject } from './OrAvatar-5e2bb3f4.js';
 import { defineComponent, ref } from 'vue-demi';
-import { a as useToggle, o as onClickOutside } from './OrAutocompleteV3-83fa1b2b.js';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-55358862.js';
+import { a as useToggle, o as onClickOutside } from './OrAutocompleteV3-e7145ab7.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-38c57609.js';
 
 const red = {
   50: '#FFEBEE',

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.js

@@ -1 +1 @@
-export { s as default } from '../OrCombinedInputV3-aed713e8.js';
+export { s as default } from '../OrCombinedInputV3-ceff5a22.js';

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.vue.d.ts

@@ -1,9 +1,12 @@
 import { PropType } from 'vue-demi';
-import { InputBoxSize } from '../or-input-box-v3';
 declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -29,18 +32,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     controlGroup: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -66,11 +69,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;
     hint: string;
@@ -78,6 +78,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrCombinedInputV3/index.js

@@ -1 +1 @@
-export { s as OrCombinedInputV3 } from '../OrCombinedInputV3-aed713e8.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInputV3-ceff5a22.js';

package/dist/bundled/v3/components/OrCombinedInputV3/styles.js

@@ -1 +1 @@
-export { C as CombinedInput, a as CombinedInputControlGroup } from '../OrCombinedInputV3-aed713e8.js';
+export { C as CombinedInput, a as CombinedInputControlGroup } from '../OrCombinedInputV3-ceff5a22.js';

package/dist/bundled/v3/components/{OrCombinedInputV3-aed713e8.js → OrCombinedInputV3-ceff5a22.js}

@@ -3,7 +3,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
 import { s as script$3 } from './OrLabelV3-2715e117.js';
-import { I as InputBoxSize } from './OrInputBoxV3-53b35f35.js';
+import { I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
 
 const CombinedInput = [
 // Layout
@@ -32,9 +32,13 @@ var script = defineComponent({
     OrLabel: script$3
   },
   props: {
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
     },
     label: {
       type: String,
@@ -59,17 +63,13 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
-  setup() {
+  setup(props) {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlGroup = computed(() => [...CombinedInputControlGroup]);
     return {
       root,
@@ -98,12 +98,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
     class: normalizeClass(_ctx.controlGroup)
   }, [renderSlot(_ctx.$slots, "default", {
+    variant: _ctx.variant,
     size: _ctx.size,
     error: !!_ctx.error,
     required: _ctx.required,
     readonly: _ctx.readonly,
-    disabled: _ctx.disabled,
-    disableDefaultStyles: _ctx.disableDefaultStyles
+    disabled: _ctx.disabled
   })], 2 /* CLASS */), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -1 +1 @@
-export { s as default } from '../OrConfirm-dd76bcb3.js';
+export { s as default } from '../OrConfirm-eb6bdad9.js';

package/dist/bundled/v3/components/OrConfirm/index.js

@@ -1 +1 @@
-export { s as OrConfirm } from '../OrConfirm-dd76bcb3.js';
+export { s as OrConfirm } from '../OrConfirm-eb6bdad9.js';

package/dist/bundled/v3/components/{OrConfirm-dd76bcb3.js → OrConfirm-eb6bdad9.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-3cade698.js';
+import { s as styleInject } from './OrAvatar-5e2bb3f4.js';
 import { computed, defineComponent, ref } from 'vue-demi';
-import { r as resolveUnref, c as useMagicKeys, d as useActiveElement, w as whenever } from './OrAutocompleteV3-83fa1b2b.js';
-import { s as script$1, B as BUTTON_COLOR } from './OrButtonV2-ff9413ae.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-9940bd17.js';
+import { r as resolveUnref, c as useMagicKeys, d as useActiveElement, w as whenever } from './OrAutocompleteV3-e7145ab7.js';
+import { s as script$1, B as BUTTON_COLOR } from './OrButtonV2-efa6928e.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-fdebf7a7.js';
 import script$3 from './OrInput/OrInput.js';
 
 function logicAnd(...args) {

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1 +1 @@
-export { s as default } from '../OrConfirmV3-82c6b218.js';
+export { s as default } from '../OrConfirmV3-8af14863.js';

package/dist/bundled/v3/components/OrConfirmV3/index.js

@@ -1 +1 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-82c6b218.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-8af14863.js';

package/dist/bundled/v3/components/OrConfirmV3/props.js

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-82c6b218.js';
+export { C as ConfirmType } from '../OrConfirmV3-8af14863.js';

package/dist/bundled/v3/components/OrConfirmV3/styles.js

@@ -1 +1 @@
-export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-82c6b218.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-8af14863.js';

package/dist/bundled/v3/components/{OrConfirmV3-82c6b218.js → OrConfirmV3-8af14863.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
-import { c as useMagicKeys, w as whenever, o as onClickOutside } from './OrAutocompleteV3-83fa1b2b.js';
-import { l as logicAnd } from './OrConfirm-dd76bcb3.js';
+import { c as useMagicKeys, w as whenever, o as onClickOutside } from './OrAutocompleteV3-e7145ab7.js';
+import { l as logicAnd } from './OrConfirm-eb6bdad9.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1 } from './OrOverlayV3-ed904ede.js';
-import { s as script$2, a as ButtonColor } from './OrButtonV3-7775352a.js';
-import { s as script$3 } from './OrInputV3-36bdd88e.js';
+import { s as script$1 } from './OrOverlayV3-3aa42063.js';
+import { s as script$2, a as ButtonColor } from './OrButtonV3-a73ccebc.js';
+import { s as script$3 } from './OrInputV3-ba36a63d.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var ConfirmType;

package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
 import { defineComponent, toRefs, watch, ref } from 'vue-demi';
-import { s as script$1 } from '../OrMenuV3-8b2f1595.js';
-import { P as PopoverPlacement } from '../OrPopoverV3-419e3e5f.js';
+import { s as script$1 } from '../OrMenuV3-8effa1de.js';
+import { P as PopoverPlacement } from '../OrPopoverV3-c8f3e88e.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-55411e58.js';
+export { s as default } from '../OrDataGridV3-a79963e7.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     items: {
         type: PropType<{
-            [key: string]: unknown;
+            [key: string]: any;
             id: Id;
         }[]>;
         default: () => never[];
@@ -41,14 +41,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;
         default: undefined;
     };
     items: {
         type: PropType<{
-            [key: string]: unknown;
+            [key: string]: any;
             id: Id;
         }[]>;
         default: () => never[];
@@ -71,10 +71,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:item"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: DataGridModelValue;
     items: {
-        [key: string]: unknown;
+        [key: string]: any;
         id: Id;
     }[];
     variant: DataGridVariant;

package/dist/bundled/v3/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-55411e58.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-a79963e7.js';

package/dist/bundled/v3/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-55411e58.js';
+export { a as DataGrid } from '../OrDataGridV3-a79963e7.js';

package/dist/bundled/v3/components/OrDataGridV3/types.d.ts

@@ -1,5 +1,6 @@
 import { DataModel, Id, ModelValue } from '../../types';
 import { PaginationModelValue } from '../or-pagination-v3';
+import { SelectItem } from '../or-select-v3';
 export type DataGridModelValue = ModelValue<{
     selecting: ModelValue<Id[]>;
     filtering: never;
@@ -14,9 +15,13 @@ export type DataGridItem<T extends DataModel> = T;
 export type DataGridColumn = {
     name: string;
     label: string;
-    width?: string | [string, string];
+    width?: string;
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
+    control?: {
+        type: 'text' | 'number' | 'rating' | 'select' | 'checkbox' | 'switch' | 'date' | 'time' | 'datetime' | 'tags';
+        options?: SelectItem[];
+    };
 };
 export declare enum DataGridVariant {
     Standard = "standard",