@onereach/ui-components 4.1.1-beta.2541.0 → 4.1.1

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

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

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

@@ -1,7 +0,0 @@
-const TimePicker = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-
-export { TimePicker };

package/dist/bundled/v3/OrDatePicker.vue_vue_type_script_lang-254d4344.js

@@ -1,162 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-90a1aed9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-a2ad9c79.js';
-import { DatePicker } from './components/OrDatePickerV3/styles.js';
-import './components/OrErrorV3/OrError.js';
-import './components/OrHintV3/OrHint.js';
-import './components/OrIconV3/OrIcon.js';
-import './components/OrIconButtonV3/OrIconButton.js';
-import './components/OrInputBoxV3/OrInputBox.js';
-import './components/OrLabelV3/OrLabel.js';
-import './components/OrPopoverV3/OrPopover.js';
-import { DropdownClose } from './directives/dropdown-close.js';
-import { DropdownOpen } from './directives/dropdown-open.js';
-import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
-import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-41f12b45.js';
-import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
-import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-9d3a7c2d.js';
-import { InputBoxSize } from './components/OrInputBoxV3/props.js';
-
-var script = defineComponent({
-  name: 'OrDatePicker',
-  components: {
-    OrDateTimePickerDateControl: script$1,
-    OrDateTimePickerDaySelect: script$2,
-    OrDateTimePickerMobileControl: script$3,
-    OrDateTimePickerMonthSelect: script$4,
-    OrDateTimePickerPopoverFooter: script$5,
-    OrDateTimePickerPopoverHeader: script$6,
-    OrError: script$7,
-    OrHint: script$8,
-    OrIcon: script$9,
-    OrIconButton: script$a,
-    OrInputBox: script$b,
-    OrLabel: script$c,
-    OrPopover: script$d
-  },
-  directives: {
-    DropdownClose,
-    DropdownOpen
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Date,
-      default: undefined
-    },
-    filter: {
-      type: Function,
-      default: undefined
-    },
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: [String, Boolean],
-      default: undefined
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
-  expose: ['root', 'focus', 'blur'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    const control = ref();
-    const controlRoot = computed(() => {
-      var _a;
-      return (_a = control.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const popover = ref();
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
-    // Styles
-    const rootStyles = computed(() => ['or-date-picker', ...DatePicker]);
-    // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
-    const draftModelValue = ref();
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
-    }, {
-      immediate: true
-    });
-    // Methods
-    function togglePopover() {
-      if (!props.readonly && !props.disabled) {
-        const popoverInstance = popover.value;
-        if (popoverInstance) {
-          if (popoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
-        }
-      }
-    }
-    function closePopover() {
-      const popoverInstance = popover.value;
-      if (popoverInstance) {
-        popoverInstance.close();
-      }
-    }
-    function formatDateAlt(value) {
-      var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
-        dateStyle: 'medium',
-        timeZone: 'UTC'
-      })) !== null && _a !== void 0 ? _a : '--';
-    }
-    return {
-      root,
-      control,
-      controlRoot,
-      popover,
-      popoverState,
-      rootStyles,
-      proxyModelValue,
-      draftModelValue,
-      togglePopover,
-      closePopover,
-      formatDateAlt
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrDateTimePicker.vue_vue_type_script_lang-1f5577c9.js

@@ -1,207 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-90a1aed9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-a2ad9c79.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-55f86e80.js';
-import { DateTimePicker } from './components/OrDateTimePickerV3/styles.js';
-import './components/OrErrorV3/OrError.js';
-import './components/OrHintV3/OrHint.js';
-import './components/OrIconV3/OrIcon.js';
-import './components/OrIconButtonV3/OrIconButton.js';
-import './components/OrInputBoxV3/OrInputBox.js';
-import './components/OrLabelV3/OrLabel.js';
-import './components/OrPopoverV3/OrPopover.js';
-import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
-import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-41f12b45.js';
-import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
-import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-9d3a7c2d.js';
-import { DropdownClose } from './directives/dropdown-close.js';
-import { DropdownOpen } from './directives/dropdown-open.js';
-import { InputBoxSize } from './components/OrInputBoxV3/props.js';
-
-var script = defineComponent({
-  name: 'OrDateTimePicker',
-  components: {
-    OrDateTimePickerDateControl: script$1,
-    OrDateTimePickerDaySelect: script$2,
-    OrDateTimePickerMobileControl: script$3,
-    OrDateTimePickerMonthSelect: script$4,
-    OrDateTimePickerPopoverFooter: script$5,
-    OrDateTimePickerPopoverHeader: script$6,
-    OrDateTimePickerTimeControl: script$7,
-    OrDateTimePickerTimeSelect: script$8,
-    OrError: script$9,
-    OrHint: script$a,
-    OrIcon: script$b,
-    OrIconButton: script$c,
-    OrInputBox: script$d,
-    OrLabel: script$e,
-    OrPopover: script$f
-  },
-  directives: {
-    DropdownClose,
-    DropdownOpen
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Date,
-      default: undefined
-    },
-    filter: {
-      type: Function,
-      default: undefined
-    },
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: [String, Boolean],
-      default: undefined
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
-  expose: ['root', 'focus', 'blur'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    const dateControl = ref();
-    const timeControl = ref();
-    const dateControlRoot = computed(() => {
-      var _a;
-      return (_a = dateControl.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const timeControlRoot = computed(() => {
-      var _a;
-      return (_a = timeControl.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const datePopover = ref();
-    const timePopover = ref();
-    const datePopoverState = computed(() => {
-      var _a;
-      return (_a = datePopover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
-    const timePopoverState = computed(() => {
-      var _a;
-      return (_a = timePopover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
-    // Styles
-    const rootStyles = computed(() => ['or-date-time-picker', ...DateTimePicker]);
-    // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
-    const draftModelValue = ref();
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
-    }, {
-      immediate: true
-    });
-    // Methods
-    function toggleDatePopover() {
-      if (!props.readonly && !props.disabled) {
-        const popoverInstance = datePopover.value;
-        if (popoverInstance) {
-          if (datePopoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
-        }
-      }
-    }
-    function toggleTimePopover() {
-      if (!props.readonly && !props.disabled) {
-        const popoverInstance = timePopover.value;
-        if (popoverInstance) {
-          if (timePopoverState.value === 'open') {
-            popoverInstance.close();
-          } else {
-            popoverInstance.open();
-          }
-        }
-      }
-    }
-    function closeDatePopover() {
-      const popoverInstance = datePopover.value;
-      if (popoverInstance) {
-        popoverInstance.close();
-      }
-    }
-    function closeTimePopover() {
-      const popoverInstance = timePopover.value;
-      if (popoverInstance) {
-        popoverInstance.close();
-      }
-    }
-    function formatDateAlt(value) {
-      var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
-        dateStyle: 'medium',
-        timeZone: 'UTC'
-      })) !== null && _a !== void 0 ? _a : '--';
-    }
-    function formatTimeAlt(value) {
-      var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
-        timeStyle: 'short',
-        timeZone: 'UTC'
-      })) !== null && _a !== void 0 ? _a : '--';
-    }
-    return {
-      root,
-      dateControl,
-      timeControl,
-      dateControlRoot,
-      timeControlRoot,
-      datePopover,
-      timePopover,
-      datePopoverState,
-      timePopoverState,
-      rootStyles,
-      proxyModelValue,
-      draftModelValue,
-      toggleDatePopover,
-      toggleTimePopover,
-      closeDatePopover,
-      closeTimePopover,
-      formatDateAlt,
-      formatTimeAlt
-    };
-  }
-});
-
-export { script as s };