conversion-ui-library 1.0.6 → 1.0.8

package/dist/components/EditorTextField/EditorTextField.d.ts

@@ -0,0 +1,73 @@
+import { OnMount } from '@monaco-editor/react';
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const editorFieldVariants: (props?: ({
+    variant?: "outlined" | "ghost" | "filled" | null | undefined;
+    error?: boolean | null | undefined;
+    success?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface EditorTextFieldProps extends VariantProps<typeof editorFieldVariants> {
+    /**
+     * The value of the editor
+     */
+    value?: string;
+    /**
+     * Default value if uncontrolled
+     */
+    defaultValue?: string;
+    /**
+     * Callback when editor value changes
+     */
+    onChange?: (value: string | undefined) => void;
+    /**
+     * Label text displayed above the editor
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the editor
+     */
+    helperText?: string;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Whether the editor is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Programming language for syntax highlighting
+     * @default "javascript"
+     */
+    language?: "javascript" | "typescript" | "python" | "java" | "json" | "html" | "css" | "sql" | "markdown" | "yaml" | "xml" | "plaintext";
+    /**
+     * Editor theme
+     * @default "light"
+     */
+    theme?: "light" | "vs-dark" | "hc-black";
+    /**
+     * Height of the editor
+     * @default "200px"
+     */
+    height?: string | number;
+    /**
+     * Placeholder text when editor is empty
+     */
+    placeholder?: string;
+    /**
+     * Additional className for the container
+     */
+    className?: string;
+    /**
+     * Options to pass to Monaco Editor
+     */
+    options?: any;
+    /**
+     * Callback when editor is mounted
+     */
+    onMount?: OnMount;
+}
+export declare const EditorTextField: React.ForwardRefExoticComponent<EditorTextFieldProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=EditorTextField.d.ts.map

package/dist/components/EditorTextField/EditorTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorTextField.d.ts","sourceRoot":"","sources":["../../../src/components/EditorTextField/EditorTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAA,MAAM,mBAAmB;;;;;mFA0BxB,CAAC;AAEF,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,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C;;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,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,UAAU,GACV,MAAM,GACN,KAAK,GACL,WAAW,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACzC;;;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;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,6FA8F3B,CAAC"}

package/dist/components/EditorTextField/EditorTextField.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { EditorTextField } from './EditorTextField';
+declare const meta: Meta<typeof EditorTextField>;
+export default meta;
+type Story = StoryObj<typeof EditorTextField>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const TypeScript: Story;
+export declare const JSON: Story;
+export declare const Python: Story;
+export declare const SQL: Story;
+export declare const DarkTheme: Story;
+export declare const WithError: Story;
+export declare const WithSuccess: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const Variants: Story;
+export declare const TallEditor: Story;
+export declare const Controlled: Story;
+export declare const MultipleLanguages: Story;
+//# sourceMappingURL=EditorTextField.stories.d.ts.map

package/dist/components/EditorTextField/EditorTextField.stories.d.ts.map

@@ -0,0 +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,CA6DtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAclB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAcjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgDxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC"}

package/dist/components/Popup/Popup.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export interface PopupProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -9,6 +10,11 @@ export interface PopupProps {
     onCancel?: () => void;
     className?: string;
     children?: React.ReactNode;
+    /**
+     * Whether to show the close (X) button
+     * @default true
+     */
+    closable?: boolean;
 }
-export declare function Popup({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, }: PopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popup({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, closable, }: PopupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Popup.d.ts.map

package/dist/components/Popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAiB,EACjB,WAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAkEZ"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+BD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAiB,EACjB,WAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAe,GAChB,EAAE,UAAU,2CAqEZ"}

package/dist/components/Popup/Popup.stories.d.ts

@@ -6,6 +6,11 @@ declare const meta: {
     parameters: {
         layout: string;
     };
+    args: {
+        onConfirm: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCancel: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onOpenChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
     argTypes: {
         open: {
             control: "boolean";
@@ -22,15 +27,14 @@ declare const meta: {
         cancelLabel: {
             control: "text";
         };
-        onConfirm: {
-            action: string;
-        };
-        onCancel: {
-            action: string;
+        closable: {
+            control: "boolean";
         };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const WithTrigger: Story;
+export declare const NotClosable: Story;
+export declare const WithClosableTrue: Story;
 //# sourceMappingURL=Popup.stories.d.ts.map

package/dist/components/Popup/Popup.stories.d.ts.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAeoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,WAAW,EAAE,KAgEzB,CAAC"}
+{"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"}