@onereach/ui-components 7.0.0 → 7.0.1-beta.3531.0

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/styles.d.ts

@@ -0,0 +1 @@
+export declare const SelectMultipleControlRoot: string[];

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/utils/castToMultipleModel.d.ts

@@ -0,0 +1,2 @@
+import { SelectValue } from '../../../types';
+export declare function castToMultipleValue(value: SelectValue): SelectValue[];

package/dist/esm/v3/components/or-select-v3/partials/or-select-placeholder/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSelectPlaceholder } from './OrSelectPlaceholder.vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-placeholder/index.js

@@ -0,0 +1,3 @@
+export { s as OrSelectPlaceholder } from '../../../../OrSelectPlaceholder-10e3bf5e.js';
+import 'vue-demi';
+import 'vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue.d.ts

@@ -0,0 +1,73 @@
+import { PropType } from 'vue-demi';
+import { SelectOption, SelectValue } from '../../types';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLDivElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    searchControl: import("vue-demi").Ref<any>;
+    searchModelValue: import("../../../../hooks").UseProxyModelValueReturn<string>;
+    isEmpty: import("vue-demi").ComputedRef<boolean>;
+    selection: import("vue-demi").ComputedRef<SelectOption | undefined>;
+    selectionLabel: import("vue-demi").ComputedRef<string | undefined>;
+    focus: () => void;
+    focused: import("vue-demi").ComputedRef<any>;
+}, 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<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    model: SelectValue;
+    modelValue: string;
+    placeholder: string;
+    options: SelectOption[];
+    enableSearch: boolean;
+    disabled: boolean;
+}>;
+export default _default;

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSelectSingleControl } from './OrSelectSingleControl.vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/index.js

@@ -0,0 +1,13 @@
+export { s as OrSelectSingleControl } from '../../../../OrSelectSingleControl-f969c913.js';
+import 'vue-demi';
+import '../../../../OrSelectPlaceholder-10e3bf5e.js';
+import 'vue';
+import '../../../../OrSelectControlInput-3297e30d.js';
+import '@vueuse/core';
+import '../../../../dom-aecadd9a.js';
+import 'lodash/isElement';
+import 'lodash/get';
+import '../../../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import '../../../../isEmptyValue-fd56a6e4.js';

package/dist/esm/v3/components/or-select-v3/partials/or-select-single-control/styles.d.ts

@@ -0,0 +1 @@
+export declare const SelectSingleControlInput: string[];

package/dist/esm/v3/components/or-select-v3/types.d.ts

@@ -1,10 +1,12 @@
 export interface SelectOption {
-    value: object | string | number;
+    value: RawValue;
     label: string;
 }
+export type RawValue = string | number | object;
 export interface SelectSearchFunction {
     (searchText: string, options: SelectOption[]): Promise<SelectOption[]>;
 }
 export interface SelectGroupByFunction {
     (option: SelectOption): string;
 }
+export type SelectValue = RawValue | RawValue[] | undefined;

package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts

@@ -1,14 +1,10 @@
 import { PropType } from 'vue-demi';
-import { TagInputSize } from './props';
+import { TagsOverflow } from '../or-tags-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    size: {
-        type: PropType<"m" | "s">;
-        default: TagInputSize;
-    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -41,12 +37,25 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     control: import("vue-demi").Ref<HTMLInputElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    tags: import("vue-demi").Ref<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     controlStyles: import("vue-demi").ComputedRef<string[]>;
     itemStyles: import("vue-demi").ComputedRef<string[]>;
+    controlInlineStyles: import("vue-demi").ComputedRef<{
+        width: string;
+    }>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -61,23 +70,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         id: string | undefined;
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
-    draftModelValue: import("vue-demi").Ref<string | undefined>;
+    draftModelValue: import("vue-demi").Ref<string>;
     currentLength: import("vue-demi").ComputedRef<number>;
     maxLength: import("vue-demi").ComputedRef<number | undefined>;
+    activated: import("vue-demi").Ref<boolean>;
+    showControl: import("vue-demi").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
     add: () => void;
+    activate: () => void;
+    deactivate: () => void;
     remove: (value: string) => void;
     reset: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", 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" | "keydown" | "keyup" | "focus" | "blur" | "reset")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    size: {
-        type: PropType<"m" | "s">;
-        default: TagInputSize;
-    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -110,15 +119,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    enableClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string[];
-    size: "m" | "s";
     label: string;
     placeholder: string;
     hint: string;
@@ -127,5 +144,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
+    enableClear: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-tag-input-v3/index.js

@@ -1,8 +1,8 @@
-export { s as OrTagInputV3 } from '../../OrTagInput-851b05c8.js';
+export { s as OrTagInputV3 } from '../../OrTagInput-56ee7d0b.js';
 export { I as TagInputSize } from '../../OrInputBox-912a6254.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
@@ -26,8 +26,8 @@ import '../../OrOverlay-6269c33a.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrTags-55b8c446.js';
-import '../../useOverflow-ff9ae748.js';
+import '../../OrTags-52da64cd.js';
+import '../../useOverflow-b482f3c9.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';
 import '../../OrTag-32739999.js';

package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts

@@ -1,21 +1,28 @@
 import { PropType } from 'vue-demi';
 import { TagsOverflow } from './props';
+import { Tag } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     items: {
-        type: PropType<string[]>;
+        type: PropType<Tag[]>;
         default: () => never[];
     };
     overflow: {
-        type: PropType<"default" | "wrap">;
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
         default: TagsOverflow;
     };
     tagProps: {
         type: PropType<any>;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     container: import("vue-demi").Ref<HTMLElement | undefined>;
+    localOverflow: import("vue-demi").ComputedRef<TagsOverflow.Hidden | "wrap" | "hidden" | "scroll">;
+    localItems: import("vue-demi").ComputedRef<import("./types").TagObject[]>;
     overflowButton: import("vue-demi").Ref<any>;
     overflowButtonRoot: import("vue-demi").ComputedRef<any>;
     overflowPopover: import("vue-demi").Ref<any>;
@@ -24,28 +31,35 @@ declare const _default: import("vue-demi").DefineComponent<{
     containerStyles: import("vue-demi").ComputedRef<string[]>;
     overflowButtonStyles: import("vue-demi").ComputedRef<string[]>;
     overflowPopoverStyles: import("vue-demi").ComputedRef<string[]>;
-    overflowItems: import("vue-demi").ComputedRef<string[]>;
+    overflowItems: import("vue-demi").ComputedRef<import("./types").TagObject[]>;
+    togglePopover: () => void;
+    scrollToEnd: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], "click" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     items: {
-        type: PropType<string[]>;
+        type: PropType<Tag[]>;
         default: () => never[];
     };
     overflow: {
-        type: PropType<"default" | "wrap">;
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
         default: TagsOverflow;
     };
     tagProps: {
         type: PropType<any>;
         default: undefined;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
 }, {
-    items: string[];
-    overflow: "default" | "wrap";
+    items: Tag[];
+    overflow: "default" | "wrap" | "hidden" | "scroll";
     tagProps: any;
+    disabled: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-tags-v3/index.js

@@ -1,6 +1,6 @@
-export { s as OrTagsV3, T as TagsOverflow } from '../../OrTags-55b8c446.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../../OrTags-52da64cd.js';
 import 'vue-demi';
-import '../../useOverflow-ff9ae748.js';
+import '../../useOverflow-b482f3c9.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';

package/dist/esm/v3/components/or-tags-v3/props.d.ts

@@ -1,4 +1,6 @@
 export declare enum TagsOverflow {
     Default = "default",
-    Wrap = "wrap"
+    Wrap = "wrap",
+    Hidden = "hidden",
+    Scroll = "scroll"
 }

package/dist/esm/v3/components/or-tags-v3/types.d.ts

@@ -0,0 +1,6 @@
+export type SimpleTag = string;
+export type Tag = SimpleTag | TagObject;
+export interface TagObject {
+    label: string;
+    value: string | number | object;
+}

package/dist/esm/v3/components/or-tags-v3/utils/castToTag.d.ts

@@ -0,0 +1,2 @@
+import { Tag, TagObject } from '../types';
+export declare function castToTagObject(tag: Tag): TagObject;

package/dist/esm/v3/hooks/index.js

@@ -1,6 +1,6 @@
 export { u as useControlAttributes, a as useIdAttribute } from '../useIdAttribute-859439f0.js';
 export { u as useElevation } from '../useElevation-a50ec347.js';
-export { u as useOverflow } from '../useOverflow-ff9ae748.js';
+export { u as useOverflow } from '../useOverflow-b482f3c9.js';
 export { u as usePopoverState } from '../usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from '../useProxyModelValue-940010d2.js';
 export { u as useResponsive } from '../useResponsive-5c8291da.js';

package/dist/esm/v3/hooks/useOverflow.d.ts

@@ -4,4 +4,7 @@ export interface Overflow {
     innerItems: Ref<HTMLElement[]>;
     outerItems: Ref<HTMLElement[]>;
 }
-export declare function useOverflow(container: MaybeElementRef<HTMLElement | undefined>): Overflow;
+export interface UseOverflowOptions {
+    hide?: boolean;
+}
+export declare function useOverflow(container: MaybeElementRef<HTMLElement | undefined>, options?: UseOverflowOptions): Overflow;

package/dist/esm/v3/index.js

@@ -90,7 +90,7 @@ export { s as OrSearch } from './OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from './OrSearch-602356a0.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-6be79b4e.js';
 export { s as OrSelect } from './OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from './OrSelect-74c2c521.js';
+export { s as OrSelectV3 } from './OrSelect-b359beb6.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from './OrSidebar-459ec28f.js';
 export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-64389534.js';
@@ -112,9 +112,9 @@ export { s as OrTabV3 } from './OrTab-db771526.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-f1773b57.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from './OrTagInput-851b05c8.js';
+export { s as OrTagInputV3 } from './OrTagInput-56ee7d0b.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-32739999.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTags-55b8c446.js';
+export { s as OrTagsV3, T as TagsOverflow } from './OrTags-52da64cd.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-d54c951d.js';
@@ -134,7 +134,7 @@ export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-938aab61.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-a50ec347.js';
-export { u as useOverflow } from './useOverflow-ff9ae748.js';
+export { u as useOverflow } from './useOverflow-b482f3c9.js';
 export { u as usePopoverState } from './usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 export { u as useResponsive } from './useResponsive-5c8291da.js';
@@ -192,6 +192,10 @@ import './codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
+import './OrSelectMultipleControl-3620b234.js';
+import './OrSelectPlaceholder-10e3bf5e.js';
+import './OrSelectControlInput-3297e30d.js';
+import './OrSelectSingleControl-f969c913.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'lodash/isNil';

package/dist/esm/v3/{useOverflow-ff9ae748.js → useOverflow-b482f3c9.js}

@@ -3,6 +3,9 @@ import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from './dom-aecadd9a.js';
 
 function useOverflow(container) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    hide: true
+  };
   const containerRef = isRef(container) ? container : ref(container);
   // State
   const innerItemsRef = ref([]);
@@ -26,13 +29,17 @@ function useOverflow(container) {
           width: containerWidth
         } = container.getBoundingClientRect();
         if (itemOffset + itemWidth > containerOffset + containerWidth) {
-          item.style.setProperty('visibility', 'hidden');
+          if (options.hide) {
+            item.style.setProperty('visibility', 'hidden');
+          }
           return {
             innerItems,
             outerItems: [...outerItems, item]
           };
         } else {
-          item.style.removeProperty('visibility');
+          if (options.hide) {
+            item.style.removeProperty('visibility');
+          }
           return {
             innerItems: [...innerItems, item],
             outerItems

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "7.0.0",
+  "version": "7.0.1-beta.3531.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -175,6 +175,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "39a8b9032ecb2212a2b336bd5f5c98218af3d193"
+  }
 }