conversion-ui-library 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/EditorTextField/EditorTextField.d.ts +74 -0
- package/dist/components/EditorTextField/EditorTextField.d.ts.map +1 -0
- package/dist/components/EditorTextField/EditorTextField.stories.d.ts +31 -0
- package/dist/components/EditorTextField/EditorTextField.stories.d.ts.map +1 -0
- package/dist/components/Popup/Popup.stories.d.ts +5 -6
- package/dist/components/Popup/Popup.stories.d.ts.map +1 -1
- package/dist/index.cjs.js +74 -45
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +37265 -16715
- package/dist/index.umd.js +74 -45
- package/package.json +15 -1
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const editorFieldVariants: (props?: ({
|
|
4
|
+
variant?: "outlined" | "ghost" | "filled" | null | undefined;
|
|
5
|
+
error?: boolean | null | undefined;
|
|
6
|
+
success?: boolean | null | undefined;
|
|
7
|
+
disabled?: boolean | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
9
|
+
export interface EditorTextFieldProps extends VariantProps<typeof editorFieldVariants> {
|
|
10
|
+
/**
|
|
11
|
+
* The value of the editor
|
|
12
|
+
*/
|
|
13
|
+
value?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Default value if uncontrolled
|
|
16
|
+
*/
|
|
17
|
+
defaultValue?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Callback when editor value changes
|
|
20
|
+
*/
|
|
21
|
+
onChange?: (value: string) => void;
|
|
22
|
+
/**
|
|
23
|
+
* Label text displayed above the editor
|
|
24
|
+
*/
|
|
25
|
+
label?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Helper text displayed below the editor
|
|
28
|
+
*/
|
|
29
|
+
helperText?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Whether the field is required
|
|
32
|
+
*/
|
|
33
|
+
required?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Whether the editor is disabled
|
|
36
|
+
*/
|
|
37
|
+
disabled?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Programming language for syntax highlighting
|
|
40
|
+
* @default "javascript"
|
|
41
|
+
*/
|
|
42
|
+
language?: "javascript" | "typescript" | "jsx" | "tsx" | "python" | "json" | "html" | "css" | "sql" | "markdown" | "xml" | "yaml" | "plaintext";
|
|
43
|
+
/**
|
|
44
|
+
* Editor theme
|
|
45
|
+
* @default "light"
|
|
46
|
+
*/
|
|
47
|
+
theme?: "light" | "dark";
|
|
48
|
+
/**
|
|
49
|
+
* Height of the editor
|
|
50
|
+
* @default "200px"
|
|
51
|
+
*/
|
|
52
|
+
height?: string | number;
|
|
53
|
+
/**
|
|
54
|
+
* Placeholder text when editor is empty
|
|
55
|
+
*/
|
|
56
|
+
placeholder?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Additional className for the container
|
|
59
|
+
*/
|
|
60
|
+
className?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Whether to show line numbers
|
|
63
|
+
* @default true
|
|
64
|
+
*/
|
|
65
|
+
lineNumbers?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Whether the editor is read-only
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
readOnly?: boolean;
|
|
71
|
+
}
|
|
72
|
+
export declare const EditorTextField: React.ForwardRefExoticComponent<EditorTextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
export {};
|
|
74
|
+
//# sourceMappingURL=EditorTextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorTextField.d.ts","sourceRoot":"","sources":["../../../src/components/EditorTextField/EditorTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,yBAAyB,CAAC;AAyBjC,QAAA,MAAM,mBAAmB;;;;;mFA0BxB,CAAC;AAkBF,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EACL,YAAY,GACZ,YAAY,GACZ,KAAK,GACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,UAAU,GACV,KAAK,GACL,MAAM,GACN,WAAW,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,6FAiK3B,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { EditorTextField } from './EditorTextField';
|
|
3
|
+
declare const meta: Meta<typeof EditorTextField>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof EditorTextField>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ColorfulSyntax: Story;
|
|
8
|
+
export declare const JavaScript: Story;
|
|
9
|
+
export declare const TypeScript: Story;
|
|
10
|
+
export declare const ReactJSX: Story;
|
|
11
|
+
export declare const ReactTSX: Story;
|
|
12
|
+
export declare const Python: Story;
|
|
13
|
+
export declare const JSON: Story;
|
|
14
|
+
export declare const HTML: Story;
|
|
15
|
+
export declare const CSS: Story;
|
|
16
|
+
export declare const SQL: Story;
|
|
17
|
+
export declare const Markdown: Story;
|
|
18
|
+
export declare const ThemeComparison: Story;
|
|
19
|
+
export declare const DarkTheme: Story;
|
|
20
|
+
export declare const WithoutLineNumbers: Story;
|
|
21
|
+
export declare const ReadOnly: Story;
|
|
22
|
+
export declare const Disabled: Story;
|
|
23
|
+
export declare const WithError: Story;
|
|
24
|
+
export declare const WithSuccess: Story;
|
|
25
|
+
export declare const Required: Story;
|
|
26
|
+
export declare const Variants: Story;
|
|
27
|
+
export declare const DifferentHeights: Story;
|
|
28
|
+
export declare const Controlled: Story;
|
|
29
|
+
export declare const MultipleEditors: Story;
|
|
30
|
+
export declare const APIExample: Story;
|
|
31
|
+
//# sourceMappingURL=EditorTextField.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorTextField.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EditorTextField/EditorTextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CA4FtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuD5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAmBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAoBlB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KA2BjB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAoBjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+D7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoCxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAC"}
|
|
@@ -6,6 +6,11 @@ declare const meta: {
|
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
|
9
|
+
args: {
|
|
10
|
+
onConfirm: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
11
|
+
onCancel: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
12
|
+
onOpenChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
13
|
+
};
|
|
9
14
|
argTypes: {
|
|
10
15
|
open: {
|
|
11
16
|
control: "boolean";
|
|
@@ -25,12 +30,6 @@ declare const meta: {
|
|
|
25
30
|
closable: {
|
|
26
31
|
control: "boolean";
|
|
27
32
|
};
|
|
28
|
-
onConfirm: {
|
|
29
|
-
action: string;
|
|
30
|
-
};
|
|
31
|
-
onCancel: {
|
|
32
|
-
action: string;
|
|
33
|
-
};
|
|
34
33
|
};
|
|
35
34
|
};
|
|
36
35
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,WAAW,EAAE,KAiEzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC"}
|