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

package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export default _default;
-export declare const RichTextEditor: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;

package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -1,149 +0,0 @@
-import { Editor } from '@tiptap/core';
-import { Level } from '@tiptap/extension-heading';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    editor: Editor | null;
-    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number | undefined) => void;
-    handleEditorClick: () => void;
-    isActive: import("@vue/composition-api").Ref<{
-        [x: string]: boolean;
-    }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
-    toolbarButtonStyles: (item: string) => string[];
-    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
-    headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    toolbar: {
-        type: ArrayConstructor;
-        default: () => string[][];
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    autofocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    markdownFormat: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-        required: false;
-    };
-    toolbar: {
-        type: ArrayConstructor;
-        default: () => string[][];
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    autofocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    markdownFormat: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: string;
-    toolbar: unknown[];
-    description: string;
-    placeholder: string;
-    autofocus: boolean;
-    markdownFormat: boolean;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    editor: Editor | null;
-    editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number | undefined) => void;
-    handleEditorClick: () => void;
-    isActive: import("@vue/composition-api").Ref<{
-        [x: string]: boolean;
-    }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
-    toolbarButtonStyles: (item: string) => string[];
-    editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
-    headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string;
-    toolbar: unknown[];
-    description: string;
-    placeholder: string;
-    autofocus: boolean;
-    markdownFormat: boolean;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: string;
-    toolbar: unknown[];
-    description: string;
-    placeholder: string;
-    autofocus: boolean;
-    markdownFormat: boolean;
-}, true>);
-export default _default;

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.d.ts

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

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js

@@ -1,25 +0,0 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-4a41e294.js';
-import '../../index-fa6eb4ca.js';
-import 'vue';
-import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../useFocusTrap-d744652a.js';
-import '@vueuse/core';
-import 'node:punycode';
-import '../../index.es-3f39f316.js';
-import '../../OrIconButton-2bf36347.js';
-import '../../OrIcon-ce8fd08b.js';
-import '../../useClassAttribute-9bf33346.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-d1764f37.js';
-import '../../OrPopover-2f48b854.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet-7b5760dc.js';
-import '../../OrOverlay-3c89d622.js';
-import '../../OrTeleport.vue2-e9ba3054.js';
-import 'portal-vue';
-import '../../useElevation-aac032f4.js';
-import '../../useResponsive-e13dfbb0.js';
-import '../../OrLabel-0424be48.js';
-import '../../OrMenuItem-f89dfc77.js';
-import '../../OrMenu-5ac06751.js';
-import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-rich-text-editor-v3/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const EditorContainer: string[];
-export declare const ToolbarContainer: string[];
-export declare const Toolbar: string[];
-export declare const ToolbarButton: string[];
-export declare const ToolbarButtonActive: string[];
-export declare const EditorInput: string[];

package/dist/bundled/v2/index.es-3f39f316.js

@@ -1,115 +0,0 @@
-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 = 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 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-var brokenModifierNames = mac || chrome && +chrome[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 && 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;
-}
-
-export { base as b, keyName as k, shift as s };

package/dist/bundled/v3/OrMenu-08aa60de.js

@@ -1,29 +0,0 @@
-import { s as script } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrPopover = resolveComponent("OrPopover");
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles
-  }), [createVNode(_component_OrPopover, {
-    ref: "popover",
-    variant: 'auto',
-    trigger: _ctx.trigger,
-    placement: _ctx.placement,
-    "full-width": false,
-    "disable-default-styles": false,
-    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
-  }, {
-    default: withCtx(() => [createElementVNode("div", {
-      class: normalizeClass(_ctx.bodyStyles),
-      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
-    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["trigger", "placement"])], 16 /* FULL_PROPS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-menu-v3/OrMenu.vue";

package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-a599dfe7.js

@@ -1,128 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, renderSlot, defineComponent, ref, watch, onBeforeUnmount } from 'vue';
-import _ from 'lodash';
-import { onClickOutside } from '@vueuse/core';
-import { u as useFocusTrap } from './useFocusTrap-d21726e3.js';
-import './OrIconButton-e637158e.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-b9bf5e50.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["or-overlay", _ctx.states])
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-34f88318 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-34f88318 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-overlay[data-v-34f88318] {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 25;\n}\n.or-overlay[data-v-34f88318]:not(.without-background) {\n  background-color: rgba(30, 35, 43, 0.8);\n}\n.or-overlay.active[data-v-34f88318] {\n  display: flex;\n}\n.or-overlay.page[data-v-34f88318] {\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n}";
-styleInject(css_248z);
-
-script$1.render = render;
-script$1.__scopeId = "data-v-34f88318";
-script$1.__file = "src/components/or-overlay/OrOverlay.vue";
-
-var OrModalSizes;
-(function (OrModalSizes) {
-  OrModalSizes["tiny"] = "tiny";
-  OrModalSizes["small"] = "small";
-  OrModalSizes["medium"] = "medium";
-  OrModalSizes["large"] = "large";
-  OrModalSizes["fullScreen"] = "fullScreen";
-})(OrModalSizes || (OrModalSizes = {}));
-
-var script = defineComponent({
-  name: 'OrModal',
-  components: {
-    OrIconButton: script$2,
-    OrOverlay: script$1
-  },
-  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}`;
-    }
-  }
-});
-
-export { OrModalSizes as O, script as s };