@onereach/ui-components 2.70.2-beta.2219.0 → 2.70.2

package/src/hooks/index.ts

@@ -1,7 +1,5 @@
-export { useControlAttributes } from './useControlAttributes';
+export { useClassAttribute } from './useClassAttribute';
 export { useElevation } from './useElevation';
-export { useIdAttribute } from './useIdAttribute';
 export { useOverflow } from './useOverflow';
 export { useResponsive } from './useResponsive';
 export { default as useToggle } from './useToggle';
-export { useValidationAttributes } from './useValidationAttributes';

package/src/hooks/useClassAttribute.ts

@@ -0,0 +1,39 @@
+import { computed, ComputedRef, getCurrentInstance, isVue2, UnwrapRef, VNode } from 'vue-demi';
+
+export type UseClassAttributeReturn = ComputedRef<string | undefined>;
+
+export function useClassAttribute(): UseClassAttributeReturn {
+  const currentInstance = getCurrentInstance();
+
+  // Functions
+  function composeClass(): UnwrapRef<UseClassAttributeReturn> {
+    const { staticClass = '', class: classProperty } = (currentInstance?.vnode as unknown as VNode).data ?? {};
+
+    if (!classProperty) {
+      return staticClass || undefined;
+    }
+
+    switch (true) {
+      case classProperty.constructor === Object:
+        return Object.entries(classProperty)
+          .filter(([, value]) => !!value)
+          .map(([className]) => className)
+          .reduce((classList, className) => `${classList} ${className}`, staticClass)
+          .trim();
+
+      case Array.isArray(classProperty):
+        return `${staticClass} ${classProperty.join(' ')}`
+          .trim();
+
+      default:
+        return `${staticClass} ${classProperty}`
+          .trim();
+    }
+  }
+
+  return computed(() => {
+    if (isVue2) {
+      return currentInstance?.attrs.class as UnwrapRef<UseClassAttributeReturn> ?? composeClass();
+    }
+  });
+}

package/dist/bundled/v2/hooks/useControlAttributes.d.ts

@@ -1,8 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
-    readonly: ComputedRef<boolean | undefined>;
-    disabled: ComputedRef<boolean | undefined>;
-    'force-state': ComputedRef<string | undefined>;
-}
-export declare function useControlAttributes(): ControlAttributes;
-export {};

package/dist/bundled/v2/hooks/useIdAttribute.d.ts

@@ -1,2 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-export declare function useIdAttribute(): ComputedRef<string | undefined>;

package/dist/bundled/v2/hooks/useValidationAttributes.d.ts

@@ -1,12 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
-    required: ComputedRef<boolean | undefined>;
-    minlength: ComputedRef<number | undefined>;
-    maxlength: ComputedRef<number | undefined>;
-    pattern: ComputedRef<string | undefined>;
-    min: ComputedRef<number | undefined>;
-    max: ComputedRef<number | undefined>;
-    step: ComputedRef<number | undefined>;
-}
-export declare function useValidationAttributes(): ValidationAttributes;
-export {};

package/dist/bundled/v2/useIdAttribute-cf61643f.js

@@ -1,22 +0,0 @@
-import './index-fa6eb4ca.js';
-import { useAttrs, computed, getCurrentInstance } from '@vue/composition-api/dist/vue-composition-api.mjs';
-
-function useControlAttributes() {
-  const attributes = useAttrs();
-  return {
-    readonly: computed(() => attributes['readonly']),
-    disabled: computed(() => attributes['disabled']),
-    'force-state': computed(() => attributes['force-state'])
-  };
-}
-
-function useIdAttribute() {
-  const attributes = useAttrs(),
-    component = getCurrentInstance();
-  return computed(() => {
-    var _a;
-    return (_a = attributes['id']) !== null && _a !== void 0 ? _a : component === null || component === void 0 ? void 0 : component.uid.toString();
-  });
-}
-
-export { useIdAttribute as a, useControlAttributes as u };

package/dist/bundled/v2/useValidationAttributes-6df7bcf9.js

@@ -1,17 +0,0 @@
-import './index-fa6eb4ca.js';
-import { useAttrs, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
-
-function 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/bundled/v3/OrIcon-1a5c9091.js

@@ -1,12 +0,0 @@
-import { s as script } from './OrIcon.vue_vue_type_script_lang-bdbaad94.js';
-import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, toDisplayString(_ctx.icon), 3 /* TEXT, CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-icon-v3/OrIcon.vue";

package/dist/bundled/v3/hooks/useControlAttributes.d.ts

@@ -1,8 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
-    readonly: ComputedRef<boolean | undefined>;
-    disabled: ComputedRef<boolean | undefined>;
-    'force-state': ComputedRef<string | undefined>;
-}
-export declare function useControlAttributes(): ControlAttributes;
-export {};

package/dist/bundled/v3/hooks/useIdAttribute.d.ts

@@ -1,2 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-export declare function useIdAttribute(): ComputedRef<string | undefined>;

package/dist/bundled/v3/hooks/useValidationAttributes.d.ts

@@ -1,12 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
-    required: ComputedRef<boolean | undefined>;
-    minlength: ComputedRef<number | undefined>;
-    maxlength: ComputedRef<number | undefined>;
-    pattern: ComputedRef<string | undefined>;
-    min: ComputedRef<number | undefined>;
-    max: ComputedRef<number | undefined>;
-    step: ComputedRef<number | undefined>;
-}
-export declare function useValidationAttributes(): ValidationAttributes;
-export {};

package/dist/bundled/v3/useIdAttribute-b2e42f31.js

@@ -1,21 +0,0 @@
-import { useAttrs, computed, getCurrentInstance } from 'vue';
-
-function useControlAttributes() {
-  const attributes = useAttrs();
-  return {
-    readonly: computed(() => attributes['readonly']),
-    disabled: computed(() => attributes['disabled']),
-    'force-state': computed(() => attributes['force-state'])
-  };
-}
-
-function useIdAttribute() {
-  const attributes = useAttrs(),
-    component = getCurrentInstance();
-  return computed(() => {
-    var _a;
-    return (_a = attributes['id']) !== null && _a !== void 0 ? _a : component === null || component === void 0 ? void 0 : component.uid.toString();
-  });
-}
-
-export { useIdAttribute as a, useControlAttributes as u };

package/dist/bundled/v3/useValidationAttributes-5428d8fa.js

@@ -1,16 +0,0 @@
-import { useAttrs, computed } from 'vue';
-
-function 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/v2/hooks/useControlAttributes.d.ts

@@ -1,8 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
-    readonly: ComputedRef<boolean | undefined>;
-    disabled: ComputedRef<boolean | undefined>;
-    'force-state': ComputedRef<string | undefined>;
-}
-export declare function useControlAttributes(): ControlAttributes;
-export {};

package/dist/esm/v2/hooks/useIdAttribute.d.ts

@@ -1,2 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-export declare function useIdAttribute(): ComputedRef<string | undefined>;

package/dist/esm/v2/hooks/useValidationAttributes.d.ts

@@ -1,12 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
-    required: ComputedRef<boolean | undefined>;
-    minlength: ComputedRef<number | undefined>;
-    maxlength: ComputedRef<number | undefined>;
-    pattern: ComputedRef<string | undefined>;
-    min: ComputedRef<number | undefined>;
-    max: ComputedRef<number | undefined>;
-    step: ComputedRef<number | undefined>;
-}
-export declare function useValidationAttributes(): ValidationAttributes;
-export {};

package/dist/esm/v2/useIdAttribute-859439f0.js

@@ -1,21 +0,0 @@
-import { useAttrs, computed, getCurrentInstance } from 'vue-demi';
-
-function useControlAttributes() {
-  const attributes = useAttrs();
-  return {
-    readonly: computed(() => attributes['readonly']),
-    disabled: computed(() => attributes['disabled']),
-    'force-state': computed(() => attributes['force-state'])
-  };
-}
-
-function useIdAttribute() {
-  const attributes = useAttrs(),
-    component = getCurrentInstance();
-  return computed(() => {
-    var _a;
-    return (_a = attributes['id']) !== null && _a !== void 0 ? _a : component === null || component === void 0 ? void 0 : component.uid.toString();
-  });
-}
-
-export { useIdAttribute as a, useControlAttributes as u };

package/dist/esm/v2/useValidationAttributes-d1abbe34.js

@@ -1,16 +0,0 @@
-import { useAttrs, computed } from 'vue-demi';
-
-function 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/v3/hooks/useControlAttributes.d.ts

@@ -1,8 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
-    readonly: ComputedRef<boolean | undefined>;
-    disabled: ComputedRef<boolean | undefined>;
-    'force-state': ComputedRef<string | undefined>;
-}
-export declare function useControlAttributes(): ControlAttributes;
-export {};

package/dist/esm/v3/hooks/useIdAttribute.d.ts

@@ -1,2 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-export declare function useIdAttribute(): ComputedRef<string | undefined>;

package/dist/esm/v3/hooks/useValidationAttributes.d.ts

@@ -1,12 +0,0 @@
-import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
-    required: ComputedRef<boolean | undefined>;
-    minlength: ComputedRef<number | undefined>;
-    maxlength: ComputedRef<number | undefined>;
-    pattern: ComputedRef<string | undefined>;
-    min: ComputedRef<number | undefined>;
-    max: ComputedRef<number | undefined>;
-    step: ComputedRef<number | undefined>;
-}
-export declare function useValidationAttributes(): ValidationAttributes;
-export {};

package/dist/esm/v3/useIdAttribute-859439f0.js

@@ -1,21 +0,0 @@
-import { useAttrs, computed, getCurrentInstance } from 'vue-demi';
-
-function useControlAttributes() {
-  const attributes = useAttrs();
-  return {
-    readonly: computed(() => attributes['readonly']),
-    disabled: computed(() => attributes['disabled']),
-    'force-state': computed(() => attributes['force-state'])
-  };
-}
-
-function useIdAttribute() {
-  const attributes = useAttrs(),
-    component = getCurrentInstance();
-  return computed(() => {
-    var _a;
-    return (_a = attributes['id']) !== null && _a !== void 0 ? _a : component === null || component === void 0 ? void 0 : component.uid.toString();
-  });
-}
-
-export { useIdAttribute as a, useControlAttributes as u };

package/dist/esm/v3/useValidationAttributes-d1abbe34.js

@@ -1,16 +0,0 @@
-import { useAttrs, computed } from 'vue-demi';
-
-function 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/src/hooks/useControlAttributes.ts

@@ -1,19 +0,0 @@
-import { computed, ComputedRef, useAttrs } from 'vue-demi';
-
-interface ControlAttributes {
-  readonly: ComputedRef<boolean | undefined>;
-  disabled: ComputedRef<boolean | undefined>;
-
-  'force-state': ComputedRef<string | undefined>;
-}
-
-export function useControlAttributes(): ControlAttributes {
-  const attributes = useAttrs();
-
-  return {
-    readonly: computed(() => attributes['readonly'] as boolean | undefined),
-    disabled: computed(() => attributes['disabled'] as boolean | undefined),
-
-    'force-state': computed(() => attributes['force-state'] as string | undefined),
-  };
-}

package/src/hooks/useIdAttribute.ts

@@ -1,9 +0,0 @@
-import { computed, ComputedRef, getCurrentInstance, useAttrs } from 'vue-demi';
-
-export function useIdAttribute(): ComputedRef<string | undefined> {
-  const attributes = useAttrs(), component = getCurrentInstance();
-
-  return computed(() => {
-    return attributes['id'] as string | undefined ?? component?.uid.toString();
-  });
-}

package/src/hooks/useValidationAttributes.ts

@@ -1,25 +0,0 @@
-import { computed, ComputedRef, useAttrs } from 'vue-demi';
-
-interface ValidationAttributes {
-  required: ComputedRef<boolean | undefined>;
-  minlength: ComputedRef<number | undefined>;
-  maxlength: ComputedRef<number | undefined>;
-  pattern: ComputedRef<string | undefined>;
-  min: ComputedRef<number | undefined>;
-  max: ComputedRef<number | undefined>;
-  step: ComputedRef<number | undefined>;
-}
-
-export function useValidationAttributes(): ValidationAttributes {
-  const attributes = useAttrs();
-
-  return {
-    required: computed(() => attributes['required'] as boolean | undefined),
-    minlength: computed(() => attributes['minlength'] as number | undefined),
-    maxlength: computed(() => attributes['maxlength'] as number | undefined),
-    pattern: computed(() => attributes['pattern'] as string | undefined),
-    min: computed(() => attributes['min'] as number | undefined),
-    max: computed(() => attributes['max'] as number | undefined),
-    step: computed(() => attributes['step'] as number | undefined),
-  };
-}