@onereach/ui-components-vue2 16.2.0-beta.4827.0

package/dist/esm/useOverflow-5793f499.js

@@ -0,0 +1,73 @@
+import { useMutationObserver, useResizeObserver } from '@vueuse/core';
+import { isRef, ref, watch } from 'vue';
+import { r as requestAF } from './dom-11141778.js';
+
+const useOverflow = (container, options = {}) => {
+  const {
+    hide = true,
+    threshold = 0
+  } = options;
+  const containerRef = isRef(container) ? container : ref(container);
+  // State
+  const innerItemsRef = ref([]);
+  const outerItemsRef = ref([]);
+  // Functions
+  function updateState() {
+    const container = containerRef.value;
+    if (container) {
+      const update = [...container.children].reduce(({
+        innerItems,
+        outerItems
+      }, child) => {
+        const item = child;
+        const {
+          x: itemOffset,
+          width: itemWidth
+        } = item.getBoundingClientRect();
+        const {
+          x: containerOffset,
+          width: containerWidth
+        } = container.getBoundingClientRect();
+        if (itemOffset + itemWidth > containerOffset + containerWidth + threshold) {
+          if (hide) {
+            item.style.setProperty('visibility', 'hidden');
+          }
+          return {
+            innerItems,
+            outerItems: [...outerItems, item]
+          };
+        } else {
+          if (hide) {
+            item.style.removeProperty('visibility');
+          }
+          return {
+            innerItems: [...innerItems, item],
+            outerItems
+          };
+        }
+      }, {
+        innerItems: [],
+        outerItems: []
+      });
+      innerItemsRef.value = update.innerItems;
+      outerItemsRef.value = update.outerItems;
+    } else {
+      innerItemsRef.value = [];
+      outerItemsRef.value = [];
+    }
+  }
+  // Effects
+  watch(containerRef, updateState, {
+    immediate: true
+  });
+  useMutationObserver(containerRef, updateState, {
+    childList: true
+  });
+  useResizeObserver(containerRef, () => requestAF(updateState));
+  return {
+    innerItems: innerItemsRef,
+    outerItems: outerItemsRef
+  };
+};
+
+export { useOverflow as u };

package/dist/esm/usePopoverState-1375352d.js

@@ -0,0 +1,42 @@
+import { refDebounced } from '@vueuse/core';
+import { ref, watch } from 'vue';
+
+// TODO: Use `defineEmits` after migration to Vue 3
+const usePopoverState = (isOpen, emit, options = {}) => {
+  var _a;
+  // State
+  const state = ref(isOpen.value ? 'open' : 'closed');
+  watch(isOpen, value => {
+    state.value = value ? 'open' : 'closed';
+  });
+  const debouncedState = refDebounced(state, (_a = options.debounce) !== null && _a !== void 0 ? _a : 0);
+  watch(debouncedState, value => {
+    emit('update:state', value);
+    switch (value) {
+      case 'open':
+        emit('open');
+        break;
+      case 'closed':
+        emit('close');
+        break;
+    }
+  });
+  // Methods
+  function open() {
+    state.value = 'open';
+  }
+  function close() {
+    state.value = 'closed';
+  }
+  function toggle() {
+    state.value = state.value === 'open' ? 'closed' : 'open';
+  }
+  return {
+    state: debouncedState,
+    open,
+    close,
+    toggle
+  };
+};
+
+export { usePopoverState as u };

package/dist/esm/useProxyModelValue-55ed539b.js

@@ -0,0 +1,28 @@
+import { computed } from 'vue';
+
+function useProxyModelValue(modelValue, emit, options = {}) {
+  const {
+    defaultValue
+  } = options;
+  if (defaultValue) {
+    return computed({
+      get: () => {
+        var _a;
+        return (_a = modelValue.value) !== null && _a !== void 0 ? _a : defaultValue.value;
+      },
+      set: value => {
+        emit('update:modelValue', value);
+      }
+    });
+  }
+  return computed({
+    get: () => {
+      return modelValue.value;
+    },
+    set: value => {
+      emit('update:modelValue', value);
+    }
+  });
+}
+
+export { useProxyModelValue as u };

package/dist/esm/useTheme-4aadb85e.js

@@ -0,0 +1,7 @@
+import defaultConfig from '@onereach/styles/tailwind.config.json';
+
+const useTheme = () => {
+  return defaultConfig.theme;
+};
+
+export { useTheme as u };

package/dist/esm/useTimeFormat-75550b78.js

@@ -0,0 +1,26 @@
+import { computed, inject } from 'vue';
+import { DATE_FORMAT, LOCALE, TIME_FORMAT } from './tokens/index.js';
+import { DateFormat, TimeFormat } from './types/index.js';
+
+const useDateFormat = format => {
+  return computed(() => {
+    var _a;
+    return (_a = format.value) !== null && _a !== void 0 ? _a : inject(DATE_FORMAT, DateFormat.Short);
+  });
+};
+
+const useLocale = locale => {
+  return computed(() => {
+    var _a;
+    return (_a = locale.value) !== null && _a !== void 0 ? _a : inject(LOCALE, navigator.language);
+  });
+};
+
+const useTimeFormat = format => {
+  return computed(() => {
+    var _a;
+    return (_a = format.value) !== null && _a !== void 0 ? _a : inject(TIME_FORMAT, TimeFormat.Auto);
+  });
+};
+
+export { useLocale as a, useTimeFormat as b, useDateFormat as u };

package/dist/esm/useTimeMask-a5856b1a.js

@@ -0,0 +1,62 @@
+import { computed } from 'vue';
+import { TimeFormat } from './types/index.js';
+
+const useDateMask = (format, locale) => {
+  return computed(() => {
+    if (typeof format.value !== 'function') {
+      const formatter = new Intl.DateTimeFormat(locale.value, {
+        dateStyle: format.value,
+        timeZone: 'UTC'
+      });
+      return formatter.formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((mask, part) => {
+        switch (part.type) {
+          case 'year':
+            return mask + part.value.replace(/^\d{2}$/, 'YY').replace(/^\d{4}$/, 'YYYY');
+          case 'month':
+            switch (format.value) {
+              case 'short':
+                return mask + part.value.replace(/^\d{1}$/, 'M').replace(/^\d{2}$/, 'MM');
+              case 'medium':
+                return mask + 'MMM';
+              case 'long':
+                return mask + 'MMMM';
+              default:
+                throw new Error('[useDateMask]: `format` has an invalid value.');
+            }
+          case 'day':
+            return mask + part.value.replace(/^\d{1}$/, 'D').replace(/^\d{2}$/, 'DD');
+          default:
+            return mask + part.value;
+        }
+      }, '');
+    }
+    return format.value(undefined, locale.value);
+  });
+};
+
+const useTimeMask = (format, locale) => {
+  return computed(() => {
+    if (typeof format.value !== 'function') {
+      const formatter = new Intl.DateTimeFormat(locale.value, {
+        timeStyle: 'short',
+        hourCycle: format.value !== TimeFormat.Auto ? format.value : undefined,
+        timeZone: 'UTC'
+      });
+      return formatter.formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((mask, part) => {
+        switch (part.type) {
+          case 'hour':
+            return mask + part.value.replace(/^\d{1}$/, 'H').replace(/^\d{2}$/, 'HH');
+          case 'minute':
+            return mask + part.value.replace(/^\d{1}$/, 'M').replace(/^\d{2}$/, 'MM');
+          case 'dayPeriod':
+            return mask + 'A';
+          default:
+            return mask + part.value;
+        }
+      }, '');
+    }
+    return format.value(undefined, locale.value);
+  });
+};
+
+export { useTimeMask as a, useDateMask as u };

package/dist/esm/useToggle-04e82f29.js

@@ -0,0 +1,22 @@
+import { ref } from 'vue';
+
+function useToggle(defaultValue = false) {
+  const isActiveToggle = ref(defaultValue);
+  function show() {
+    isActiveToggle.value = true;
+  }
+  function hide() {
+    isActiveToggle.value = false;
+  }
+  function toggle() {
+    isActiveToggle.value = !isActiveToggle.value;
+  }
+  return {
+    isActiveToggle,
+    show,
+    hide,
+    toggle
+  };
+}
+
+export { useToggle as u };

package/dist/esm/useValidationAttributes-6ba5deb5.js

@@ -0,0 +1,16 @@
+import { useAttrs, computed } from 'vue';
+
+const useValidationAttributes = () => {
+  const attributes = useAttrs();
+  return {
+    required: computed(() => attributes['required']),
+    minlength: computed(() => attributes['minlength']),
+    maxlength: computed(() => attributes['maxlength']),
+    pattern: computed(() => attributes['pattern']),
+    min: computed(() => attributes['min']),
+    max: computed(() => attributes['max']),
+    step: computed(() => attributes['step'])
+  };
+};
+
+export { useValidationAttributes as u };

package/dist/esm/utils/index.js

@@ -0,0 +1,77 @@
+import { t as RX_ABBREVIATION_FROM_STRING } from '../color-dd6820ae.js';
+export { H as HSL_LIMITS, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, I as generateColorFromString, F as generateHslFromString, J as getHashOfString, D as hexToRgb, G as hslToColorString, K as normalize, E as rgbToHex } from '../color-dd6820ae.js';
+export { e as exclude, i as include } from '../include-a6208502.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, l as getAttr, q as getBCR, g as getById, t as getCS, w as getMaxZIndex, p as getStyle, m as hasAttr, i as hasClass, u as offset, v as position, b as reflow, k as removeAttr, h as removeClass, a as removeNode, o as removeStyle, r as requestAF, d as select, s as selectAll, j as setAttr, n as setStyle } from '../dom-11141778.js';
+export { p as pxToRem } from '../px-to-rem-a21cdf39.js';
+export { i as isAncestor } from '../isAncestor-905b8d1d.js';
+export { i as isArray } from '../isArray-135d4ff2.js';
+export { i as isEmpty, a as isString } from '../isString-f8e938a3.js';
+export { i as isEqual } from '../isEqual-a8aa86c6.js';
+export { i as isNil, a as isNull } from '../isNull-ef42547d.js';
+export { i as isObject } from '../isObject-fb5a9ae7.js';
+export { i as isUndefined } from '../isUndefined-f78f2fdc.js';
+export { i as isVisible } from '../isVisible-b09c9caa.js';
+export { t as toArray } from '../toArray-e5bc9395.js';
+import 'lodash/get';
+import 'lodash/isElement';
+
+const CODE_BACKSPACE = 8;
+const CODE_BREAK = 19;
+const CODE_DELETE = 46;
+const CODE_DOWN = 40;
+const CODE_END = 35;
+const CODE_ENTER = 13;
+const CODE_ESC = 27;
+const CODE_HOME = 36;
+const CODE_LEFT = 37;
+const CODE_PAGEDOWN = 34;
+const CODE_PAGEUP = 33;
+const CODE_RIGHT = 39;
+const CODE_SPACE = 32;
+const CODE_UP = 38;
+
+const PLACEMENT_TOP_START = 'top-start';
+const PLACEMENT_TOP_END = 'top-end';
+const PLACEMENT_BOTTOM_START = 'bottom-start';
+const PLACEMENT_BOTTOM_END = 'bottom-end';
+const PLACEMENT_RIGHT_START = 'right-start';
+const PLACEMENT_RIGHT_END = 'right-end';
+const PLACEMENT_LEFT_START = 'left-start';
+const PLACEMENT_LEFT_END = 'left-end';
+
+function getAbbreviation(text, limit) {
+  var _a;
+  if (typeof text != 'string' || !text) return '';
+  return ((_a = text.match(RX_ABBREVIATION_FROM_STRING)) !== null && _a !== void 0 ? _a : []).reduce((previous, next) => previous + (+next === 0 || parseInt(next) ? parseInt(next) : next[0] || ''), '').toUpperCase().substring(0, limit);
+}
+
+/**
+ * Determines whether the element `a` is a descendant of the element `b`.
+ */
+const isDescendant = (a, b) => {
+  const {
+    parentElement
+  } = a;
+  if (!parentElement) {
+    return false;
+  }
+  if (b === parentElement) {
+    return true;
+  }
+  return isDescendant(parentElement, b);
+};
+
+/**
+ * Determines whether the `value` is a number.
+ */
+const isNumber = value => {
+  return typeof value === 'number';
+};
+
+function extractCssVarName(string) {
+  return string.replace(/var\((.*)\)/, ($1, $2) => {
+    return $2;
+  });
+}
+
+export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEDOWN, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP, PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START, RX_ABBREVIATION_FROM_STRING, extractCssVarName, getAbbreviation, isDescendant, isNumber };

package/package.json

@@ -0,0 +1,146 @@
+{
+  "name": "@onereach/ui-components-vue2",
+  "version": "16.2.0-beta.4827.0",
+  "npmUnpacked": "4.15.2",
+  "description": "Vue components library for v2",
+  "sideEffects": false,
+  "main": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "src/",
+    "dist/",
+    "externals"
+  ],
+  "scripts": {
+    "build": "pnpm build:classic && pnpm build:bundled",
+    "build:vue": "rollup --config rollup.config.js --bundleConfigAsCjs",
+    "build:classic": "pnpm build:vue",
+    "build:bundled": "BUNDLE=true pnpm build:vue",
+    "dev": "ROLLUP_WATCH=true rollup --config rollup.config.js -w",
+    "dev:bundled": "ROLLUP_WATCH=true pnpm build:bundled -w",
+    "prepare": "pnpm make-symlinks",
+    "make-symlinks": "ln -s ../ui-components/src/ ./src"
+  },
+  "dependencies": {
+    "@codemirror/commands": "6.2.4",
+    "@codemirror/lang-css": "6.2.0",
+    "@codemirror/lang-html": "6.4.4",
+    "@codemirror/lang-javascript": "6.1.9",
+    "@codemirror/lang-json": "6.0.1",
+    "@codemirror/lang-markdown": "6.1.1",
+    "@floating-ui/dom": "1.5.3",
+    "@onereach/styles": "^16.2.0-beta.4827.0",
+    "@splidejs/splide": "4.0.6",
+    "@tiptap/core": "2.0.3",
+    "@tiptap/extension-blockquote": "2.0.3",
+    "@tiptap/extension-bold": "2.0.3",
+    "@tiptap/extension-bullet-list": "2.0.3",
+    "@tiptap/extension-code-block": "2.0.3",
+    "@tiptap/extension-hard-break": "2.0.3",
+    "@tiptap/extension-heading": "2.0.3",
+    "@tiptap/extension-highlight": "2.0.3",
+    "@tiptap/extension-horizontal-rule": "2.0.3",
+    "@tiptap/extension-italic": "2.0.3",
+    "@tiptap/extension-link": "2.0.3",
+    "@tiptap/extension-list-item": "2.0.3",
+    "@tiptap/extension-ordered-list": "2.0.3",
+    "@tiptap/extension-paragraph": "2.0.3",
+    "@tiptap/extension-placeholder": "2.0.3",
+    "@tiptap/extension-strike": "2.0.3",
+    "@tiptap/extension-underline": "2.0.3",
+    "@tiptap/starter-kit": "2.0.3",
+    "@types/lodash": "4.14.173",
+    "@types/sortablejs": "1.10.7",
+    "@types/uuid": "8.3.1",
+    "@vueuse/core": "9.13.0",
+    "@vueuse/integrations": "9.13.0",
+    "@vueuse/math": "9.13.0",
+    "codemirror": "6.0.1",
+    "focus-trap": "7.5.2",
+    "marked": "9.1.2",
+    "prosemirror-markdown": "1.10.1",
+    "sortablejs": "1.14.0",
+    "tailwindcss": "3.3.3",
+    "uuid": "8.3.2",
+    "vue-demi": "0.14.6"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "7.18.10",
+    "@onereach/rollup-vue-lib-config": "3.1.1-typescriptupdate148.0",
+    "@rollup/plugin-url": "^8.0.1",
+    "@tsconfig/node20": "^20.1.2",
+    "@vue/composition-api": "^1.7.2",
+    "@vue/tsconfig": "^0.5.1",
+    "csstype": "2.6.21",
+    "glob": "9.3.0",
+    "rollup": "3.29.4",
+    "sass": "1.63.4",
+    "typescript": "^5.3.3",
+    "vue": "2.6.14",
+    "vue-template-compiler": "2.6.14"
+  },
+  "peerDependencies": {
+    "@codemirror/language": "^6",
+    "@codemirror/lint": "^6",
+    "@codemirror/state": "^6",
+    "@codemirror/view": "^6",
+    "@lezer/highlight": "*",
+    "@onereach/styles": "16.1.1",
+    "@vue/composition-api": ">=1",
+    "@vueuse/core": "^9",
+    "lodash": ">=4.17.21",
+    "portal-vue": ">=2.1.7 <3.0.0",
+    "prosemirror-commands": "*",
+    "prosemirror-model": "*",
+    "prosemirror-state": "*",
+    "prosemirror-view": "*",
+    "vue": "2.6.14",
+    "vue-demi": ">=0.13.11"
+  },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    },
+    "portal-vue": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/": "./dist/",
+    "./Or*": {
+      "types": "./dist/bundled/components/Or*/index.d.ts",
+      "default": "./dist/bundled/components/Or*/index.js"
+    },
+    "./utils": {
+      "types": "./dist/auto/utils/index.d.ts",
+      "default": "./dist/auto/utils/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/auto/hooks/index.d.ts",
+      "default": "./dist/auto/hooks/index.js"
+    },
+    "./esm/v2": {
+      "types": "./dist/esm/components/index.d.ts",
+      "default": "./dist/esm/components/index.js"
+    },
+    "./esm/v2/*": {
+      "types": "./dist/esm/components/*/index.d.ts",
+      "default": "./dist/esm/components/*/index.js"
+    },
+    "./bundled/v2": {
+      "types": "./dist/bundled/components/index.d.ts",
+      "default": "./dist/bundled/components/index.js"
+    },
+    "./bundled/v2/*": {
+      "types": "./dist/bundled/components/*/index.d.ts",
+      "default": "./dist/bundled/components/*/index.js"
+    }
+  }
+}