@n8n/design-system 2.33.3 → 2.34.0

package/dist/v2/components/Tree/TreeNodeDefault.vue.d.ts

@@ -0,0 +1,32 @@
+import { TreeNodeDefaultSlots } from './Tree.types';
+import { IconName } from '../../../components/N8nIcon/icons';
+type __VLS_Props = {
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+    showExpandArrow?: boolean;
+    isExpanded: boolean;
+    isSelected: boolean;
+    hasChildren: boolean;
+    indentLevel?: number;
+    handleToggle: () => void;
+    handleSelect: () => void;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TreeNodeDefaultSlots> & TreeNodeDefaultSlots;
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showExpandArrow: boolean;
+    indentLevel: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as N8nTree2 } from './Tree.vue';
+export type * from './Tree.types';

package/dist/v2/utils/index.d.ts

@@ -0,0 +1,2 @@
+export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
+export declare function get<T>(object: Record<string, any> | undefined, path: Array<string | number> | string, defaultValue?: T): T | undefined;

package/dist/v2/utils/types.d.ts

@@ -0,0 +1,44 @@
+import { AcceptableValue as _AcceptableValue } from 'reka-ui';
+import { VNode } from 'vue';
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined;
+};
+export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = Name extends string ? (Suffix extends string ? Name | `${Name}-${Suffix}` : Name) : never;
+export type DynamicSlots<T extends {
+    slot?: string;
+}, Suffix extends string | undefined = undefined, ExtraProps extends object = {}> = {
+    [K in DynamicSlotsKeys<T['slot'], Suffix>]: (props: {
+        item: Extract<T, {
+            slot: K extends `${infer Base}-${Suffix}` ? Base : K;
+        }>;
+    } & ExtraProps) => unknown;
+};
+export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, unknown> ? MaybeObject[Key] : never;
+export type AcceptableValue = Exclude<_AcceptableValue, Record<string, unknown>> | boolean;
+export type ArrayOrNested<T> = T[] | T[][];
+export type NestedItem<T> = T extends Array<infer I> ? NestedItem<I> : T;
+type AllKeys<T> = T extends unknown ? keyof T : never;
+type NonCommonKeys<T extends object> = Exclude<AllKeys<T>, keyof T>;
+type PickTypeOf<T, K extends string | number | symbol> = K extends AllKeys<T> ? T extends {
+    [k in K]?: unknown;
+} ? T[K] : undefined : never;
+export type MergeTypes<T extends object> = {
+    [k in keyof T]: PickTypeOf<T, k>;
+} & {
+    [k in NonCommonKeys<T>]?: PickTypeOf<T, k>;
+};
+type DotPathKeys<T> = T extends unknown[] ? never : T extends object ? {
+    [K in keyof T & string]: T[K] extends Record<string, unknown> ? K | `${K}.${DotPathKeys<T[K]>}` : K;
+}[keyof T & string] : never;
+type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
+export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object> | DotPathKeys<Extract<NestedItem<I>, object>>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
+export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? Array<GetItemValue<T, VK>> : GetItemValue<T, VK>;
+export type GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = {
+    'update:modelValue': [value: GetModelValue<T, VK, M>];
+};
+export type StringOrVNode = string | VNode | (() => VNode);
+export type EmitsToProps<T> = {
+    [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
+};
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@n8n/design-system",
-  "version": "2.33.3",
+  "version": "2.34.0",
   "main": "src/index.ts",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://n8n.io",

package/src/components/N8nIcon/custom/discord.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#5865F2" d="M20.317 4.3698a19.7913 19.7913 0 0 0-4.8851-1.5152.0741.0741 0 0 0-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 0 0-.0785-.037 19.7363 19.7363 0 0 0-4.8852 1.515.0699.0699 0 0 0-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 0 0 .0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 0 0 .0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 0 0-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 0 1-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 0 1 .0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 0 1 .0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 0 1-.0066.1276 12.2986 12.2986 0 0 1-1.873.8914.0766.0766 0 0 0-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 0 0 .0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 0 0 .0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 0 0-.0312-.0286M8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189m7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189"/></svg>

package/src/index.ts

@@ -6,11 +6,12 @@ export * from './plugin';
 export * from './types';
 export * from './utils';
 export * from './directives';
-export type { IconOrEmoji } from './components/N8nIconPicker/types';
+export { isIconOrEmoji, type IconOrEmoji } from './components/N8nIconPicker/types';
 export { IconBodyLoaderKey, useInjectIconBodyLoader } from './composables/useIconBodyLoader';
 export type { IconBodyLoader } from './composables/useIconBodyLoader';
 export { useMessage } from './composables/useMessage';
 export type { MessageBoxConfirmResult } from './composables/useMessage';
+export { useProvideTooltipAppendTo } from './composables/useTooltipAppendTo';
 export { default as N8nSelect2 } from './v2/components/Select/Select.vue';
 export { default as N8nSelect2Item } from './v2/components/Select/SelectItem.vue';
 export type * from './v2/components/Select/Select.types';
@@ -40,4 +41,6 @@ export type * from './components/N8nSwitch/Switch.types';
 export { createPasswordRules } from './components/N8nFormInput/validators';
 export { default as N8nMarkdownEditor } from './components/N8nMarkdownEditor/MarkdownEditor.vue';
 export type * from './components/N8nMarkdownEditor/MarkdownEditor.types';
+export { default as N8nCodeBlock } from './components/N8nCodeBlock';
+export type * from './components/N8nCodeBlock';
 export { locale };

package/src/styleguide/colour.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs/blocks';
 
 import PrimitivesColorTable from './components/PrimitivesColorTable.vue';
 
-<Meta title="Styleguide/Colour" />
+<Meta title="Style guide/Colour" />
 
 # Colour
 

package/src/styleguide/css-tokens.mdx

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Styleguide/CSS Tokens" />
+<Meta title="Style guide/CSS Tokens" />
 
 # CSS Tokens
 

package/src/styleguide/motion.mdx

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 import MotionExamples from './components/MotionExamples.vue';
 
-<Meta title="Styleguide/Motion" />
+<Meta title="Style guide/Motion" />
 
 # Motion
 

package/src/styleguide/shadow.mdx

@@ -1,6 +1,6 @@
 import { Meta, Source } from '@storybook/addon-docs/blocks';
 
-<Meta title="Styleguide/Shadow" />
+<Meta title="Style guide/Shadow" />
 
 # Shadows
 

package/src/styleguide/spacing-size.mdx

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Styleguide/Spacing & Size" />
+<Meta title="Style guide/Spacing & Size" />
 
 # Spacing & Size
 

package/src/styleguide/type.mdx

@@ -1,6 +1,6 @@
 import { Meta, Typeset } from '@storybook/addon-docs/blocks';
 
-<Meta title="Styleguide/Type" />
+<Meta title="Style guide/Type" />
 
 export const typography = {
 	type: {

package/tsconfig.build.json

@@ -0,0 +1,27 @@
+{
+	"extends": "@n8n/typescript-config/tsconfig.frontend.json",
+	"compilerOptions": {
+		"noEmit": false,
+		"declaration": true,
+		"emitDeclarationOnly": true,
+		"outDir": "dist",
+		"rootDir": "src",
+		"moduleResolution": "bundler",
+		"noUnusedLocals": false,
+		"noUnusedParameters": false,
+		"types": ["vite/client", "unplugin-icons/types/vue", "vue-router"],
+		"paths": {
+			"@n8n/design-system*": ["./src*"]
+		}
+	},
+	"include": ["src/**/*.ts", "src/**/*.vue"],
+	"exclude": [
+		"src/**/*.test.ts",
+		"src/**/*.spec.ts",
+		"src/**/*.stories.*",
+		"src/**/__tests__/**",
+		"src/styleguide/**",
+		"src/icons/lucide/vite.ts",
+		"src/components/N8nBreadcrumbs/AsyncLoadingCacheDemo.vue"
+	]
+}