@teammodlr/ui-kit 2.1.45 → 2.1.47

package/lib/types/props.d.ts

@@ -1,3 +1,4 @@
 export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type Color = 'white' | 'black' | 'blue' | 'green' | 'red' | 'yellow' | 'gray';
 export type Variant = 'default' | 'tertiary' | 'primary' | 'dark' | 'success' | 'warning' | 'error';
+export type MaybeArray<T> = T | T[];

package/lib/utils/call.d.ts

@@ -0,0 +1,7 @@
+declare function call(funcs: MaybeArray<() => void>): void;
+declare function call<A1>(funcs: MaybeArray<(a1: A1) => void>, a1: A1): void;
+declare function call<A1, A2>(funcs: MaybeArray<(a1: A1, a2: A2) => void>, a1: A1, a2: A2): void;
+declare function call<A1, A2, A3>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3) => void>, a1: A1, a2: A2, a3: A3): void;
+declare function call<A1, A2, A3, A4>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3, a4: A4) => void>, a1: A1, a2: A2, a3: A3, a4: A4): void;
+export { call };
+export type MaybeArray<T> = T | T[];

package/lib/utils/injection.d.ts

@@ -1,2 +1,3 @@
-import type { InjectionKey } from 'vue';
+import { type InjectionKey } from 'vue';
 export declare function createInjectionKey<T>(key: string): InjectionKey<T>;
+export declare function createContext<ContextValue>(providerComponentName: string | string[], contextName?: string): readonly [<T extends ContextValue | null | undefined = ContextValue>(fallback?: T) => T extends null ? ContextValue | null : ContextValue, (contextValue: ContextValue) => ContextValue];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "2.1.45",
+  "version": "2.1.47",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",
@@ -89,4 +89,4 @@
     "maska": "^2.1.9",
     "treemate": "^0.3.11"
   }
-}
+}

package/src/components/configprovider/ConfigProvider.vue

@@ -1,26 +1,31 @@
-<script lang="ts">
-export interface ConfigProviderProps {
-    useId?: () => string
-}
-export default {
-    name: 'ConfigProvider',
-}
-</script>
-
-<script setup lang="ts">
-import {provide} from "vue";
-import type {ConfigProviderInjection} from "./types";
-
-const props = withDefaults(defineProps<ConfigProviderProps>(), {
-    useId: undefined
-})
-
-const api: ConfigProviderInjection = {
-    useId: props['useId'],
-} as const;
-
-provide('m-config', api);
-</script>
-<template>
-    <slot />
-</template>
+<script lang="ts">
+import { createContext } from "../../utils/injection";
+
+interface ConfigProviderContextValue {
+    useId?: () => string
+}
+
+export const [injectConfigProviderContext, provideConfigProviderContext] = createContext<ConfigProviderContextValue>('ConfigProvider');
+
+export interface ConfigProviderProps {
+    useId?: () => string
+}
+
+export default {
+    name: 'ConfigProvider',
+}
+</script>
+
+<script setup lang="ts">
+
+const props = withDefaults(defineProps<ConfigProviderProps>(), {
+    useId: undefined
+})
+
+provideConfigProviderContext({
+    useId: props.useId
+})
+</script>
+<template>
+    <slot />
+</template>