@onereach/ui-components 2.68.0-beta.2008.0 → 2.68.0-beta.2016.0

package/dist/bundled/v2/{OrCode-b9332066.js → OrCode-edc7a1f5.js}

@@ -1,10 +1,9 @@
 import { useElementHover } from '@vueuse/core';
-import { k as keyName, b as base, s as shift } from './index.es-3f39f316.js';
 import _ from 'lodash';
 import './index-fa6eb4ca.js';
 import { O as OrTeleport } from './OrTeleportVue2-3544f185.js';
 import { O as OrIconButton } from './OrIconButton-65962c1c.js';
-import { O as OrModal } from './OrModal-71d33219.js';
+import { O as OrModal } from './OrModal-a5411b0d.js';
 import { O as OrError } from './OrError-31503e4c.js';
 import { O as OrHint } from './OrHint-fabea4cf.js';
 import { O as OrLabel } from './OrLabel-74c73ba4.js';
@@ -3923,6 +3922,120 @@ class StyleSet {
 // example to create a media query you can do `{"@media screen and
 // (min-width: 400px)": {...}}`.
 
+var base = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
+};
+var shift = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: "\""
+};
+var chrome$1 = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
+typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
+var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
+var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+var brokenModifierNames = mac || chrome$1 && +chrome$1[1] < 57;
+
+// Fill in the digit keys
+for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
+
+// The function keys
+for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
+
+// And the alphabetic keys
+for (var i = 65; i <= 90; i++) {
+  base[i] = String.fromCharCode(i + 32);
+  shift[i] = String.fromCharCode(i);
+}
+
+// For each code that doesn't have a shift-equivalent, copy the base name
+for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
+function keyName(event) {
+  var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
+  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+  // Edge sometimes produces wrong names (Issue #3)
+  if (name == "Esc") name = "Escape";
+  if (name == "Del") name = "Delete";
+  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
+  if (name == "Left") name = "ArrowLeft";
+  if (name == "Up") name = "ArrowUp";
+  if (name == "Right") name = "ArrowRight";
+  if (name == "Down") name = "ArrowDown";
+  return name;
+}
+
 function getSelection(root) {
   let target;
   // Browsers differ on whether shadow roots have a getSelection

package/dist/bundled/v2/{OrConfirm-19758dae.js → OrConfirm-56d01cff.js}

@@ -2,7 +2,7 @@ import './index-fa6eb4ca.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrButton } from './OrButton-705cd0bd.js';
-import { O as OrModal, a as OrModalSizes } from './OrModal-71d33219.js';
+import { O as OrModal, a as OrModalSizes } from './OrModal-a5411b0d.js';
 import { O as OrInput } from './OrInput-08f2f666.js';
 import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/{v3/useFocusTrap-d21726e3.js → v2/OrModal-a5411b0d.js}

@@ -1,5 +1,20 @@
-import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
-import { ref, watch } from 'vue';
+import './index-fa6eb4ca.js';
+import _ from 'lodash';
+import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
+import { ref, watch, defineComponent, onBeforeUnmount } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { O as OrIconButton } from './OrIconButton-65962c1c.js';
+import { O as OrOverlay } from './OrOverlay-47967a8b.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
+
+var OrModalSizes;
+(function (OrModalSizes) {
+  OrModalSizes["tiny"] = "tiny";
+  OrModalSizes["small"] = "small";
+  OrModalSizes["medium"] = "medium";
+  OrModalSizes["large"] = "large";
+  OrModalSizes["fullScreen"] = "fullScreen";
+})(OrModalSizes || (OrModalSizes = {}));
 
 /*!
 * tabbable 6.0.1
@@ -1265,4 +1280,186 @@ function useFocusTrap(target, options = {}) {
   };
 }
 
-export { useFocusTrap as u };
+var script = defineComponent({
+  name: 'OrModal',
+  components: {
+    OrIconButton,
+    OrOverlay
+  },
+  props: {
+    titleText: {
+      type: String,
+      required: false,
+      default: null,
+      validator: _.isString
+    },
+    showClose: {
+      type: Boolean,
+      default: true,
+      validator: _.isBoolean
+    },
+    closeOnClickOutside: {
+      type: Boolean,
+      required: false,
+      default: false,
+      validator: _.isBoolean
+    },
+    size: {
+      type: String,
+      required: false,
+      default: OrModalSizes.small
+    },
+    isOpen: {
+      type: Boolean,
+      required: true,
+      validator: _.isBoolean
+    },
+    isWithoutOverlay: {
+      type: Boolean,
+      required: false,
+      default: false,
+      validator: _.isBoolean
+    },
+    trapFocus: {
+      type: Boolean,
+      default: true,
+      validator: _.isBoolean
+    }
+  },
+  emits: ['close'],
+  setup(props, {
+    emit
+  }) {
+    const overlay = ref();
+    let container = ref(null);
+    let trap = useFocusTrap(container, {
+      immediate: props.trapFocus,
+      fallbackFocus: '.container',
+      allowOutsideClick: true
+    });
+    const handleClose = () => emit('close');
+    onClickOutside(container, evt => {
+      if (!evt.composedPath().includes(overlay.value.$el)) return;
+      if (props.closeOnClickOutside) handleClose();
+    });
+    const toggleFocusTrap = isNeedToTrap => {
+      if (isNeedToTrap && props.isOpen) {
+        trap.activate();
+      } else {
+        trap === null || trap === void 0 ? void 0 : trap.deactivate();
+      }
+    };
+    watch(() => props.trapFocus, toggleFocusTrap, {
+      immediate: true
+    });
+    watch(() => props.isOpen, isOpen => {
+      toggleFocusTrap(false);
+      if (isOpen) {
+        container = ref(null);
+      } else {
+        trap === null || trap === void 0 ? void 0 : trap.deactivate();
+      }
+    });
+    onBeforeUnmount(() => {
+      trap === null || trap === void 0 ? void 0 : trap.deactivate();
+    });
+    return {
+      container,
+      overlay,
+      handleClose
+    };
+  },
+  computed: {
+    sizeClass() {
+      return `is-${this.size}`;
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.isOpen ? _c('div', {
+    staticClass: "or-modal"
+  }, [_c('or-overlay', {
+    ref: "overlay",
+    attrs: {
+      "is-active": "",
+      "is-without-background": _vm.isWithoutOverlay
+    }
+  }, [_c('div', {
+    ref: "container",
+    class: [_vm.sizeClass, 'container', {
+      'is-without-overlay': _vm.isWithoutOverlay
+    }]
+  }, [_vm._t("header", function () {
+    return [_c('div', {
+      staticClass: "header"
+    }, [_vm._t("title", function () {
+      return [_c('div', {
+        staticClass: "title"
+      }, [_vm._v("\n              " + _vm._s(_vm.titleText) + "\n            ")])];
+    }), _vm._v(" "), _c('or-icon-button', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: _vm.showClose,
+        expression: "showClose"
+      }],
+      attrs: {
+        "icon": "close",
+        "icon-color": "neutral-6"
+      },
+      on: {
+        "click": _vm.handleClose
+      }
+    })], 2)];
+  }), _vm._v(" "), _vm._t("content", function () {
+    return [_c('div', {
+      staticClass: "content"
+    }, [_vm._t("default")], 2)];
+  }), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.$slots.footer,
+      expression: "$slots.footer"
+    }],
+    staticClass: "footer"
+  }, [_vm._t("footer", null, {
+    "close": _vm.handleClose
+  })], 2)], 2)])], 1) : _vm._e();
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-1caff449_0", {
+    source: "@keyframes spinAround-data-v-1caff449{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1caff449{from{opacity:1}to{opacity:0}}.or-modal[data-v-1caff449]{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%}.or-modal .or-overlay[data-v-1caff449]{align-items:center;justify-content:center}.or-modal .container[data-v-1caff449]{position:absolute;display:flex;flex-flow:column;max-width:100%;max-height:80%;background-color:var(--c-neutral-0);border-radius:var(--s-2);outline:0}.or-modal .container.is-without-overlay[data-v-1caff449]{box-shadow:0 .125rem .5rem 0 rgba(0,0,0,.1)}.or-modal .container.is-fullScreen[data-v-1caff449]{width:calc(100% - var(--s-7));height:calc(100% - var(--s-7));max-height:calc(100% - var(--s-7));margin:0 auto}.or-modal .container.is-tiny[data-v-1caff449]{width:320px}.or-modal .container.is-small[data-v-1caff449]{width:480px}.or-modal .container.is-medium[data-v-1caff449]{width:700px}.or-modal .container.is-large[data-v-1caff449]{width:1049px}.or-modal .container .header[data-v-1caff449]{display:flex;justify-content:space-between;padding:24px 24px 20px 24px;border-radius:var(--s-2) var(--s-2) 0 0}.or-modal .container .header .title[data-v-1caff449]{font-size:1.125rem;font-weight:700}.or-modal .container .content[data-v-1caff449]{flex-grow:1;padding:0 24px 24px 24px;overflow:auto}.or-modal .container .footer[data-v-1caff449]{padding:16px 24px 24px 24px;border-radius:0 0 var(--s-2) var(--s-2);box-shadow:0 -3px 4px 0 rgba(0,0,0,.08)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-1caff449";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+var OrModal = __vue_component__;
+
+export { OrModal as O, OrModalSizes as a };

package/dist/bundled/v2/components/index.d.ts

@@ -87,4 +87,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/bundled/v2/components/index.js

@@ -15,10 +15,10 @@ export { O as OrCheckbox } from '../OrCheckbox-f97a57b9.js';
 export { O as OrCheckboxV3 } from '../OrCheckbox-5b499fc5.js';
 export { O as OrChip } from '../OrChip-000fe7b5.js';
 export { _ as OrChips } from '../OrChips-890b8476.js';
-export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-b9332066.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-edc7a1f5.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
 export { _ 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-a1a37e83.js';
-export { _ as OrConfirm } from '../OrConfirm-19758dae.js';
+export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-22c7622d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
@@ -51,7 +51,7 @@ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3
 export { O as OrMenuItemV3 } from '../OrMenuItem-f89dfc77.js';
 export { O as OrMenuV3 } from '../OrMenu-5ac06751.js';
 export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-2f48b854.js';
-export { O as OrModal, a as OrModalSizes } from '../OrModal-71d33219.js';
+export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
 export { M as ModalSize, _ as OrModalV3 } from '../OrModal-387348ca.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-1fa0b14e.js';
@@ -95,7 +95,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d
 export { O as OrTooltip } from '../OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from '../OrTooltipContent-f0fd5f75.js';
 export { O as OrTooltipV3 } from '../OrTooltip-d1764f37.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-4a41e294.js';
 import '../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -105,7 +104,6 @@ import '../browser-82dea9ed.js';
 import '../color-1f348774.js';
 import '../useClassAttribute-9bf33346.js';
 import '@vueuse/core';
-import '../index.es-3f39f316.js';
 import '../px-to-rem-0b26b83e.js';
 import '../dom-3a15d036.js';
 import '../index-17f264f9.js';
@@ -114,9 +112,7 @@ import '../useToggle-6166bd53.js';
 import '../v4-cf8987a3.js';
 import '../useResponsive-e13dfbb0.js';
 import '../useElevation-aac032f4.js';
-import '../useFocusTrap-d744652a.js';
 import '../dropdown-open-e2a93aaf.js';
 import '../useOverflow-43299d81.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'node:punycode';

package/dist/bundled/v2/components/or-code/index.js

@@ -1,6 +1,5 @@
-export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-b9332066.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-edc7a1f5.js';
 import '@vueuse/core';
-import '../../index.es-3f39f316.js';
 import 'lodash';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -19,8 +18,7 @@ import '../../constants-c5d1139f.js';
 import '../../OrIcon-10ec459c.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../OrLoader-05057239.js';
-import '../../OrModal-71d33219.js';
-import '../../useFocusTrap-d744652a.js';
+import '../../OrModal-a5411b0d.js';
 import '../../OrOverlay-47967a8b.js';
 import '../../OrError-31503e4c.js';
 import '../../OrHint-fabea4cf.js';

package/dist/bundled/v2/components/or-confirm/index.js

@@ -1,4 +1,4 @@
-export { _ as OrConfirm } from '../../OrConfirm-19758dae.js';
+export { _ as OrConfirm } from '../../OrConfirm-56d01cff.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -18,8 +18,7 @@ import '../../OrTeleportVue2-3544f185.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../dom-3a15d036.js';
 import '../../OrLoader-05057239.js';
-import '../../OrModal-71d33219.js';
-import '../../useFocusTrap-d744652a.js';
+import '../../OrModal-a5411b0d.js';
 import '../../OrIconButton-65962c1c.js';
 import '../../OrTooltip-dfea7af2.js';
 import '../../OrOverlay-47967a8b.js';

package/dist/bundled/v2/components/or-input-box-v3/OrInputBox.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { InputBoxVariant } from '.';
+import { InputBoxVariant } from './props';
 import { InputBoxSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;

package/dist/bundled/v2/components/or-modal/index.js

@@ -1,10 +1,9 @@
-export { O as OrModal, a as OrModalSizes } from '../../OrModal-71d33219.js';
+export { O as OrModal, a as OrModalSizes } from '../../OrModal-a5411b0d.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import 'lodash';
 import '@vueuse/core';
-import '../../useFocusTrap-d744652a.js';
 import '../../OrIconButton-65962c1c.js';
 import '../../OrTooltip-dfea7af2.js';
 import '../../OrTooltipContent-f0fd5f75.js';