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.
@@ -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;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBoB,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"}
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"}