@onereach/ui-components 2.61.1-beta.1873.0 → 2.62.1

package/dist/v2/{OrSelect-b44cac14.js → OrSelect-21247104.js}

@@ -1,5 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+import { isVue3, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useOverflow } from './useOverflow-ac506c65.js';
 import '@vueuse/core';
@@ -16,6 +15,31 @@ import { _ as __vue_component__$a } from './OrPopover-9080fc00.js';
 import { _ as __vue_component__$b } from './OrTag-c42c3f9c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
+const created$1 = (element, binding) => {
+  element.addEventListener('keydown', event => {
+    event.preventDefault();
+    if (['Escape'].includes(event.key)) {
+      binding.value(event);
+    }
+  });
+};
+const DropdownClose = {
+  [isVue3 ? 'created' : 'bind']: created$1
+};
+
+const created = (element, binding) => {
+  element.addEventListener('keydown', event => {
+    event.preventDefault();
+    if (['Enter', ' '].includes(event.key)) {
+      binding.value(event);
+    }
+  });
+  element.addEventListener('click', binding.value);
+};
+const DropdownOpen = {
+  [isVue3 ? 'created' : 'bind']: created
+};
+
 const SelectRoot = [
 // Layout
 'flex', 'flex-col',
@@ -223,15 +247,11 @@ var script = defineComponent({
       };
     });
     // Methods
-    function toggle() {
+    function open() {
       if (!readonly.value && !props.disabled) {
         const popoverInstance = popover.value;
         if (popoverInstance) {
-          if (popoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
+          popoverInstance.open();
         }
       }
     }
@@ -273,7 +293,7 @@ var script = defineComponent({
       internalSearchOptions,
       resolvedSearchOptions,
       groupedOptions,
-      toggle,
+      open,
       close,
       deselect,
       innerItems,
@@ -311,8 +331,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
-      value: _vm.toggle,
-      expression: "toggle"
+      value: _vm.open,
+      expression: "open"
     }, {
       name: "dropdown-close",
       rawName: "v-dropdown-close",

package/dist/v2/components/or-select-v3/OrSelect.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     }[]>;
     resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
     groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
+    open: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
@@ -221,7 +221,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     }[]>;
     resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
     groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
+    open: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;

package/dist/v2/index.d.ts

@@ -1,4 +1,3 @@
 export * from './components';
-export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';

package/dist/v2/index.js

@@ -64,7 +64,7 @@ export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
-export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
+export { _ as OrSelectV3 } from './OrSelect-21247104.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -92,7 +92,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
 export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-0e973238.js';
 export { u as useOverflow } from './useOverflow-ac506c65.js';

package/dist/v2/index2.js

@@ -64,7 +64,7 @@ export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
-export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
+export { _ as OrSelectV3 } from './OrSelect-21247104.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -117,7 +117,6 @@ import 'sortablejs';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
-import './dropdown-open-0d314aa4.js';
 import './useOverflow-ac506c65.js';
 import 'vue';
 import 'portal-vue';

package/dist/v2/index64.js

@@ -1,7 +1,6 @@
-export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
+export { _ as OrSelectV3 } from './OrSelect-21247104.js';
 export { a as SelectSize } from './OrInputBox-208dceac.js';
 import 'vue-demi';
-import './dropdown-open-0d314aa4.js';
 import './useClassAttribute-47fdb016.js';
 import './useOverflow-ac506c65.js';
 import '@vueuse/core';

package/dist/v2/index91.js

@@ -1,2 +1,7 @@
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v2/index92.js

@@ -1,7 +1,3 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
-import 'vue-demi';
 import '@vueuse/core';
+import 'vue-demi';

package/dist/v3/{OrSelect-9d821ef2.js → OrSelect-4cd90c6b.js}

@@ -1,5 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+import { isVue3, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useOverflow } from './useOverflow-ac506c65.js';
 import '@vueuse/core';
@@ -16,6 +15,31 @@ import { s as script$a } from './OrPopover-3525c670.js';
 import { s as script$b } from './OrTag-60585386.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
 
+const created$1 = (element, binding) => {
+  element.addEventListener('keydown', event => {
+    event.preventDefault();
+    if (['Escape'].includes(event.key)) {
+      binding.value(event);
+    }
+  });
+};
+const DropdownClose = {
+  [isVue3 ? 'created' : 'bind']: created$1
+};
+
+const created = (element, binding) => {
+  element.addEventListener('keydown', event => {
+    event.preventDefault();
+    if (['Enter', ' '].includes(event.key)) {
+      binding.value(event);
+    }
+  });
+  element.addEventListener('click', binding.value);
+};
+const DropdownOpen = {
+  [isVue3 ? 'created' : 'bind']: created
+};
+
 const SelectRoot = [
 // Layout
 'flex', 'flex-col',
@@ -223,15 +247,11 @@ var script = defineComponent({
       };
     });
     // Methods
-    function toggle() {
+    function open() {
       if (!readonly.value && !props.disabled) {
         const popoverInstance = popover.value;
         if (popoverInstance) {
-          if (popoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
+          popoverInstance.open();
         }
       }
     }
@@ -273,7 +293,7 @@ var script = defineComponent({
       internalSearchOptions,
       resolvedSearchOptions,
       groupedOptions,
-      toggle,
+      open,
       close,
       deselect,
       innerItems,
@@ -464,7 +484,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.open], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled
   }, {

package/dist/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     }[]>;
     resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
     groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
+    open: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
@@ -221,7 +221,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     }[]>;
     resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
     groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
+    open: () => void;
     close: () => void;
     deselect: (option: SelectOption) => void;
     innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;

package/dist/v3/index.d.ts

@@ -1,4 +1,3 @@
 export * from './components';
-export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';

package/dist/v3/index.js

@@ -59,7 +59,7 @@ export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
-export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
+export { s as OrSelectV3 } from './OrSelect-4cd90c6b.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -86,7 +86,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-e
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
 export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-0e973238.js';
 export { u as useOverflow } from './useOverflow-ac506c65.js';

package/dist/v3/index2.js

@@ -59,7 +59,7 @@ export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
-export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
+export { s as OrSelectV3 } from './OrSelect-4cd90c6b.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -111,5 +111,4 @@ import 'sortablejs';
 import './useElevation-0e973238.js';
 import './useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
-import './dropdown-open-0d314aa4.js';
 import './useOverflow-ac506c65.js';

package/dist/v3/index64.js

@@ -1,7 +1,6 @@
-export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
+export { s as OrSelectV3 } from './OrSelect-4cd90c6b.js';
 export { a as SelectSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
-import './dropdown-open-0d314aa4.js';
 import './useClassAttribute-47fdb016.js';
 import './useOverflow-ac506c65.js';
 import '@vueuse/core';

package/dist/v3/index91.js

@@ -1,2 +1,7 @@
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v3/index92.js

@@ -1,7 +1,3 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
-import 'vue-demi';
 import '@vueuse/core';
+import 'vue-demi';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.61.1-beta.1873.0",
+  "version": "2.62.1",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -13,9 +13,9 @@
   ],
   "scripts": {
     "build": "pnpm build:vue3 && pnpm build:vue2",
-    "dev": "pnpm switch:vue2",
     "build:vue2": "pnpm switch:vue2 && npx rollup --config rollup.config.js",
     "build:vue3": "pnpm switch:vue3 && npx rollup --config rollup.config.js",
+    "dev": "pnpm switch:vue2",
     "dev:vue2": "pnpm switch:vue2 && ROLLUP_WATCH=true npx rollup --config rollup.config.js -w",
     "dev:vue3": "pnpm switch:vue3 && ROLLUP_WATCH=true npx rollup --config rollup.config.js -w",
     "postinstall": "node ./autoinstall.js",
@@ -29,7 +29,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.29.0",
+    "@onereach/styles": "^2.30.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
@@ -75,5 +75,9 @@
     "portal-vue": {
       "optional": true
     }
-  }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "ceb67be57fd04eb8031866ec511b31a0f03fcdab"
 }

package/src/components/or-select-v3/OrSelect.vue

@@ -21,7 +21,7 @@
 
     <OrInputBox
       ref="inputBox"
-      v-dropdown-open="toggle"
+      v-dropdown-open="open"
       v-dropdown-close="close"
       :class="[popoverState === 'open' && 'rounded-b-0']"
       :size="size"
@@ -208,7 +208,8 @@
 
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, onMounted, PropType, ref, watch } from 'vue-demi';
-import { DropdownClose, DropdownOpen } from '../../directives';
+import { DropdownClose } from '../../directives/dropdown-close';
+import { DropdownOpen } from '../../directives/dropdown-open';
 import { useClassAttribute, useOverflow } from '../../hooks';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3';
 import { OrErrorV3 as OrError } from '../or-error-v3';
@@ -464,16 +465,12 @@ export default defineComponent({
     });
 
     // Methods
-    function toggle(): void {
+    function open(): void {
       if (!readonly.value && !props.disabled) {
         const popoverInstance = popover.value;
 
         if (popoverInstance) {
-          if (popoverState.value === 'open') {
-            (popoverInstance.close as () => void)();
-          } else {
-            (popoverInstance.open as () => void)();
-          }
+          (popoverInstance.open as () => void)();
         }
       }
     }
@@ -518,7 +515,7 @@ export default defineComponent({
       internalSearchOptions,
       resolvedSearchOptions,
       groupedOptions,
-      toggle,
+      open,
       close,
       deselect,
       innerItems,

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from './components';
-export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';

package/dist/v2/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';

package/dist/v2/dropdown-open-0d314aa4.js

@@ -1,28 +0,0 @@
-import { isVue3 } from 'vue-demi';
-
-const created$1 = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Escape'].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-};
-const DropdownClose = {
-  [isVue3 ? 'created' : 'bind']: created$1
-};
-
-const created = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Enter', ' '].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-  element.addEventListener('click', binding.value);
-};
-const DropdownOpen = {
-  [isVue3 ? 'created' : 'bind']: created
-};
-
-export { DropdownClose as D, DropdownOpen as a };

package/dist/v2/index93.js

@@ -1,3 +0,0 @@
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
-import 'vue-demi';

package/dist/v3/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';

package/dist/v3/dropdown-open-0d314aa4.js

@@ -1,28 +0,0 @@
-import { isVue3 } from 'vue-demi';
-
-const created$1 = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Escape'].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-};
-const DropdownClose = {
-  [isVue3 ? 'created' : 'bind']: created$1
-};
-
-const created = (element, binding) => {
-  element.addEventListener('keydown', event => {
-    event.preventDefault();
-    if (['Enter', ' '].includes(event.key)) {
-      binding.value(event);
-    }
-  });
-  element.addEventListener('click', binding.value);
-};
-const DropdownOpen = {
-  [isVue3 ? 'created' : 'bind']: created
-};
-
-export { DropdownClose as D, DropdownOpen as a };

package/dist/v3/index93.js

@@ -1,3 +0,0 @@
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
-import 'vue-demi';

package/src/directives/index.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-close';
-export * from './dropdown-open';