@onereach/ui-components 7.0.1 → 7.0.2-beta.3544.0

package/dist/esm/v2/{OrCardCollection-d271349b.js → OrCardCollection-05bb0cd0.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIconButton-07c0bd56.js';
-import { _ as __vue_component__$4 } from './OrSearch-c5850ddd.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
+import { _ as __vue_component__$4 } from './OrSearch-9860bd73.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$3 } from './OrSorting-fa7d42cb.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCode-c8275974.js → OrCode-829287c3.js}

@@ -14,8 +14,8 @@ import { _ as __vue_component__$7 } from './OrIconButton-07c0bd56.js';
 import { _ as __vue_component__$6 } from './OrModal-aef72b96.js';
 import { _ as __vue_component__$2 } from './OrError-916e928e.js';
 import { _ as __vue_component__$3 } from './OrHint-1220face.js';
-import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
+import { _ as __vue_component__$4 } from './OrInputBox-2ba5d5de.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$5 } from './OrLabel-b465bc0b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCombinedInput-517d8204.js → OrCombinedInput-2b0f745b.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
 import { _ as __vue_component__$3 } from './OrLabel-b465bc0b.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CombinedInput = [
@@ -16,7 +16,7 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+'[&_.or-input-box-v3]:first-child:rounded-r-none', '[&_.or-input-box-v3]:middle-child:rounded-none', '[&_.or-input-box-v3]:last-child:rounded-l-none',
 // Spacing (.or-input-box-v3)
 '[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
 

package/dist/esm/v2/{OrConfirm-6925599b.js → OrConfirm-56b56388.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-78336f88.js';
-import { _ as __vue_component__$3 } from './OrInput-e9e91885.js';
+import { _ as __vue_component__$3 } from './OrInput-47e37630.js';
 import { _ as __vue_component__$1 } from './OrOverlay-868d1120.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateFormat-6140789c.js → OrDateFormat-74939837.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-a4a287ed.js';
-import './OrDateTimePickerTimeSelect-9c1c1ff0.js';
-import { f as formatDate } from './getTimePlaceholder-06d57fcf.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-0658f779.js';
+import './OrDateTimePickerTimeSelect-ab870b6a.js';
+import { f as formatDate } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateFormat = [

package/dist/esm/v2/{OrDatePicker-99817e45.js → OrDatePicker-45ec0d4f.js}

@@ -1,20 +1,20 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-a4a287ed.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-9c1c1ff0.js';
-import './getTimePlaceholder-06d57fcf.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-0658f779.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-ab870b6a.js';
+import './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { _ as __vue_component__$7 } from './OrError-916e928e.js';
 import { _ as __vue_component__$8 } from './OrHint-1220face.js';
 import { _ as __vue_component__$a } from './OrIconButton-07c0bd56.js';
 import { _ as __vue_component__$9 } from './OrIcon-82bfdc62.js';
-import { _ as __vue_component__$b } from './OrInputBox-7dc5b9e9.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
+import { _ as __vue_component__$b } from './OrInputBox-2ba5d5de.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$c } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$d } from './OrPopover-2ced765c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -29,7 +29,6 @@ const DatePickerPopover = [
 'w-[298px]'];
 
 var script = defineComponent({
-  name: 'OrDatePicker',
   components: {
     OrDateTimePickerDateControl: __vue_component__$1,
     OrDateTimePickerDateSelect: __vue_component__$2,
@@ -106,6 +105,7 @@ var script = defineComponent({
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
+    var _a;
     // Refs
     const root = ref();
     const inputBox = ref();
@@ -122,7 +122,10 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
-    const initialModelValue = getCurrentDate();
+    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
+    watch(() => props.modelValue, value => {
+      initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
+    });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draftModelValue = ref(proxyModelValue.value);
     watch(proxyModelValue, value => {
@@ -145,20 +148,16 @@ var script = defineComponent({
     // Methods
     function apply() {
       var _a;
-      proxyModelValue.value = (_a = draftModelValue.value) !== null && _a !== void 0 ? _a : initialModelValue;
+      proxyModelValue.value = (_a = draftModelValue.value) !== null && _a !== void 0 ? _a : initialValue.value;
     }
     function reset() {
       draftModelValue.value = proxyModelValue.value;
     }
-    function togglePopover() {
+    function openPopover() {
       if (!props.readonly && !props.disabled) {
         const popoverInstance = popover.value;
         if (popoverInstance) {
-          if (popoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
+          popoverInstance.open();
         }
       }
     }
@@ -183,13 +182,13 @@ var script = defineComponent({
       popoverState,
       rootStyles,
       popoverStyles,
-      initialModelValue,
+      initialValue,
       proxyModelValue,
       draftModelValue,
       isInvalidDraftModelValue,
       apply,
       reset,
-      togglePopover,
+      openPopover,
       closePopover,
       formatDateAlt
     };
@@ -224,8 +223,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
-      value: _vm.togglePopover,
-      expression: "togglePopover"
+      value: _vm.openPopover,
+      expression: "openPopover"
     }, {
       name: "dropdown-close",
       rawName: "v-dropdown-close",
@@ -268,8 +267,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "dropdown-open",
       rawName: "v-dropdown-open",
-      value: _vm.togglePopover,
-      expression: "togglePopover"
+      value: _vm.openPopover,
+      expression: "openPopover"
     }, {
       name: "dropdown-close",
       rawName: "v-dropdown-close",
@@ -306,24 +305,24 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Date"
+      "label": 'Date',
+      "selected": true
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
-      "initial-value": _vm.initialModelValue,
       "year-filter": _vm.yearFilter,
       "month-filter": _vm.monthFilter
     },
     model: {
-      value: _vm.draftModelValue,
+      value: _vm.initialValue,
       callback: function ($$v) {
-        _vm.draftModelValue = $$v;
+        _vm.initialValue = $$v;
       },
-      expression: "draftModelValue"
+      expression: "initialValue"
     }
   }), _vm._v(" "), _c('OrDateTimePickerDateSelect', {
     attrs: {
-      "initial-value": _vm.initialModelValue,
+      "initial-value": _vm.initialValue,
       "date-filter": _vm.dateFilter
     },
     model: {