@cube-dev/ui-kit 0.0.0-canary-9917823 → 0.0.0-canary-2a1d026

package/types/components/forms/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubeTextAreaProps extends CubeTextInputBaseProps {
     /** Whether the textarea should change its size depends on content */
     autoSize?: boolean;
@@ -12,8 +12,7 @@ export interface CubeTextAreaProps extends CubeTextInputBaseProps {
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _TextArea as TextArea };
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/types/components/forms/TextInput/TextInput.d.ts

@@ -2,6 +2,11 @@
 import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
 export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+/**
+ * TextInputs are text inputs that allow users to input custom text entries
+ * with a keyboard. Various decorations can be displayed around the field to
+ * communicate the entry requirements.
+ */
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -40,5 +40,4 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** The size of the input */
     size?: 'small' | 'default' | 'large' | string;
 }
-declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
-export { _TextInputBase as TextInputBase };
+export declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextInput';
+export * from './TextInputBase';

package/types/components/other/Base64Upload/Base64Upload.d.ts

@@ -1,5 +1,8 @@
 import { BaseProps, PositionStyleProps } from '../../../tasty';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
-    onInput?: Function;
+    onInput?: (params: {
+        encoded: string;
+        raw: any;
+    }) => void;
 }
 export declare const Base64Upload: any;

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { CubeFormProps } from '../../forms/Form/Form';
+import { CubeFormProps, FieldTypes } from '../../forms';
 import { CubeButtonProps } from '../../actions';
-import { FieldTypes } from '../../forms';
 import { CubeDialogProps } from './Dialog';
 export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends CubeDialogProps, Omit<CubeFormProps<T>, 'role'> {
     /** Whether the submit button has a `danger` theme */

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement, RefObject } from 'react';
+import { WithCloseBehavior } from '../Modal';
 import { Styles } from '../../../tasty';
 export declare type CubeDialogClose = (close: () => void) => ReactElement;
-export interface CubeDialogTriggerProps {
+export interface CubeDialogTriggerProps extends WithCloseBehavior {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
     children: [ReactElement, CubeDialogClose | ReactElement];
     /**

package/types/components/overlays/Modal/Modal.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
+import { WithCloseBehavior } from './types';
 import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
-export interface CubeModalProps extends Omit<ModalProps, 'container'> {
+export interface CubeModalProps extends Omit<ModalProps, 'container'>, WithCloseBehavior {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/OpenTransition.d.ts

@@ -1,2 +1,7 @@
 /// <reference types="react" />
-export declare function OpenTransition(props: any): JSX.Element;
+import type { TimeoutProps } from 'react-transition-group/Transition';
+export declare type OpenTransitionProps = Omit<TimeoutProps<undefined>, 'timeout'>;
+export declare function useOpenTransitionContext(): {
+    transitionState: import("react-transition-group").TransitionStatus;
+} | null;
+export declare function OpenTransition(props: OpenTransitionProps): JSX.Element;

package/types/components/overlays/Modal/Overlay.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { WithCloseBehavior } from './types';
 import type { OverlayProps } from '@react-types/overlays';
-export interface CubeOverlayProps extends Omit<OverlayProps, 'container'> {
+export interface CubeOverlayProps extends Omit<OverlayProps, 'container'>, WithCloseBehavior {
     container?: HTMLElement | null;
 }
 declare let _Overlay: import("react").ForwardRefExoticComponent<CubeOverlayProps & import("react").RefAttributes<unknown>>;

package/types/components/overlays/Modal/Popover.d.ts

@@ -2,7 +2,8 @@ import { HTMLAttributes } from 'react';
 import { OverlayProps } from '@react-types/overlays';
 import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
-export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'> {
+import { TransitionState, WithCloseBehavior } from './types';
+export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'>, WithCloseBehavior, TransitionState {
     container?: HTMLElement;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;
@@ -12,6 +13,7 @@ export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'childre
     shouldCloseOnBlur?: boolean;
     isNonModal?: boolean;
     isDismissable?: boolean;
+    updatePosition?: () => void;
 }
 declare let _Popover: import("react").ForwardRefExoticComponent<CubePopoverProps & import("react").RefAttributes<unknown>>;
 export { _Popover as Popover };

package/types/components/overlays/Modal/Tray.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
+import { WithCloseBehavior } from './types';
 import type { TrayProps } from '@react-types/overlays';
-export interface CubeTrayProps extends TrayProps {
+export interface CubeTrayProps extends TrayProps, WithCloseBehavior {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/index.d.ts

@@ -3,3 +3,4 @@ export { Modal } from './Modal';
 export { Overlay } from './Overlay';
 export { Underlay } from './Underlay';
 export { Popover } from './Popover';
+export * from './types';

package/types/components/overlays/Modal/types.d.ts

@@ -0,0 +1,9 @@
+import { TransitionStatus as ReactTransitionStatus } from 'react-transition-group';
+export declare type CloseBehavior = 'remove' | 'hide';
+export declare type TransitionStatus = ReactTransitionStatus;
+export interface WithCloseBehavior {
+    hideOnClose?: boolean;
+}
+export interface TransitionState {
+    transitionState?: TransitionStatus;
+}

package/types/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,5 +1,6 @@
-import { ReactElement, RefObject } from 'react';
+import { ForwardedRef, ReactElement, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
+import { FieldTypes } from '../../forms';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
@@ -20,9 +21,8 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     size?: 'small' | 'default' | 'large' | string;
     suffixPosition?: 'before' | 'after';
 }
-declare const __ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
+export declare const ComboBox: (<T extends FieldTypes>(props: CubeComboBoxProps<T> & {
+    ref?: ForwardedRef<unknown> | undefined;
+}) => JSX.Element) & {
     Item: typeof Item;
-} & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
 };
-export { __ComboBox as ComboBox };

package/types/components/pickers/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
+import { DOMRef } from '@react-types/shared';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
 import type { AriaSelectProps } from '@react-types/select';
@@ -43,9 +44,11 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     placement: any;
     minWidth: any;
 }): JSX.Element;
-declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+declare const __Select: (<T extends object>(props: CubeSelectProps<T> & {
+    ref?: DOMRef<HTMLDivElement> | undefined;
+}) => JSX.Element) & {
     Item: typeof Item;
 } & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
+    Item: <T_1>(props: import("@react-types/shared").ItemProps<T_1>) => JSX.Element;
 };
 export { __Select as Select };

package/types/index.d.ts

@@ -57,7 +57,6 @@ export { Tag } from './components/content/Tag/Tag';
 export type { CubeTagProps } from './components/content/Tag/Tag';
 export { SearchInput } from './components/forms/SearchInput/SearchInput';
 export type { CubeSearchInputProps } from './components/forms/SearchInput/SearchInput';
-export { Submit } from './components/actions/Button/Submit';
 export type { CubeTextInputBaseProps } from './components/forms/TextInput/TextInputBase';
 export type { CubeTextInputBaseProps as CubeTextInputProps } from './components/forms/TextInput/TextInputBase';
 export { TextInput } from './components/forms/TextInput/TextInput';
@@ -145,6 +144,6 @@ export * from './styled';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
-export * from './components/forms/Form';
+export * from './components/forms';
 export * from './components/overlays/NewNotifications';
 export * from './components/overlays/Toasts';

package/types/shared/form.d.ts

@@ -43,6 +43,14 @@ export interface FormBaseProps {
     validationState?: ValidationState;
     /** On which event perform validation for the field */
     validateTrigger?: ValidateTrigger;
+    /** The unique ID of the field */
+    id?: string;
+    /** The id prefix for the field to avoid collisions between forms */
+    idPrefix?: string;
+    /** Function that checks whether to perform update of the form state. */
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+    /** Validation rules */
+    rules?: ValidationRule[];
 }
 export interface FormFieldProps extends FormBaseProps {
     /** Whether the field is inside the form. Private field. */
@@ -62,6 +70,8 @@ export interface FormFieldProps extends FormBaseProps {
     tooltip?: ReactNode;
     /** Whether the element should receive focus on render */
     autoFocus?: boolean;
+    /** The field name */
+    name?: `${string}.${string}` | `${string}`;
 }
 export declare type ValidationRuleBase = {
     [key: string]: any;

package/types/test/index.d.ts

@@ -1,2 +1,6 @@
+import userEvent from '@testing-library/user-event';
+export * from '@testing-library/user-event';
+export * from '@testing-library/react';
 export * from './utils';
 export * from './render';
+export { userEvent };

package/types/test/setup.d.ts

@@ -1,3 +1,2 @@
 import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
-import 'jest-styled-components';

package/cjs/components/actions/Button/Submit.js

@@ -1,29 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Submit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const provider_1 = require("../../../provider");
-const Form_1 = require("../../forms/Form/Form");
-const Button_1 = require("./Button");
-function Submit(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    const { form, ...otherProps } = props;
-    const formData = form.getFieldsValue();
-    const isValid = !Object.keys(formData).find((name) => {
-        return form.isFieldInvalid(name);
-    });
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }, void 0));
-}
-const _Submit = (0, react_1.forwardRef)(Submit);
-exports.Submit = _Submit;
-
-        

package/cjs/stories/FormFieldArgs.js

@@ -1,324 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ICON_ARG = exports.SELECTED_KEY_ARG = exports.IS_INDETERMINATE_ARG = exports.IS_SELECTED_ARG = exports.MULTIPLE_NUMBER_VALUE_ARG = exports.MULTIPLE_VALUE_ARG = exports.NUMBER_VALUE_ARG = exports.TEXT_VALUE_ARG = exports.REQUIRED_MARK_ARG = exports.MULTILINE_ARG = exports.SIZE_ARG = exports.IS_DISABLED_ARG = exports.IS_READ_ONLY_ARG = exports.IS_REQUIRED_ARG = exports.AUTO_FOCUS_ARG = exports.IS_LOADING_ARG = exports.VALIDATION_STATE_ARG = exports.PLACEHOLDER_ARG = exports.MESSAGE_ARG = exports.NECESSITY_INDICATOR_ARG = exports.DESCRIPTION_ARG = exports.EXTRA_ARG = exports.LABEL_ARG = exports.LABEL_POSITION_ARG = exports.DISABLE_BASE_ARGS = void 0;
-const baseProps_1 = require("./lists/baseProps");
-exports.DISABLE_BASE_ARGS = baseProps_1.baseProps.reduce((map, prop) => {
-    map[prop] = { table: { disable: true } };
-    return map;
-}, {});
-exports.LABEL_POSITION_ARG = {
-    labelPosition: {
-        description: 'The position of labels for each field.',
-        options: ['top', 'side'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'top' },
-        },
-    },
-};
-exports.LABEL_ARG = {
-    label: {
-        control: 'text',
-        description: 'The content to display as the label.',
-    },
-};
-exports.EXTRA_ARG = {
-    extra: {
-        control: 'text',
-        description: 'The extra content to display next to the label.',
-    },
-};
-exports.DESCRIPTION_ARG = {
-    description: {
-        control: 'text',
-        description: 'The description for the field.',
-    },
-};
-exports.NECESSITY_INDICATOR_ARG = {
-    necessityIndicator: {
-        // defaultValue: 'icon',
-        description: 'Type of the necessity indicator',
-        options: ['icon', 'label', false],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'icon' },
-        },
-    },
-};
-exports.MESSAGE_ARG = {
-    message: {
-        // defaultValue: '',
-        description: 'Validation error message',
-        control: 'text',
-    },
-};
-exports.PLACEHOLDER_ARG = {
-    placeholder: {
-        // defaultValue: 'Placeholder',
-        control: 'text',
-    },
-};
-exports.VALIDATION_STATE_ARG = {
-    validationState: {
-        // defaultValue: undefined,
-        description: 'Whether the input should display its "valid" or "invalid" visual styling.',
-        options: [undefined, 'valid', 'invalid'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'top' },
-        },
-    },
-};
-exports.IS_LOADING_ARG = {
-    isLoading: {
-        control: 'boolean',
-        description: 'Loading state with spinner. Also works as disabled',
-        // defaultValue: false,
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.AUTO_FOCUS_ARG = {
-    autoFocus: {
-        // defaultValue: false,
-        description: 'Whether the element should receive focus on render.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_REQUIRED_ARG = {
-    isRequired: {
-        // defaultValue: false,
-        description: 'Whether user input is required on the input before form submission. Often paired with the necessityIndicator prop to add a visual indicator to the input.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_READ_ONLY_ARG = {
-    isReadOnly: {
-        // defaultValue: false,
-        description: 'Whether the input can be selected but not changed by the user.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_DISABLED_ARG = {
-    isDisabled: {
-        // defaultValue: false,
-        description: 'Whether the input is disabled.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.SIZE_ARG = {
-    size: {
-        // defaultValue: undefined,
-        description: 'The size of the button',
-        options: [undefined, 'default', 'small'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'default' },
-        },
-    },
-};
-exports.MULTILINE_ARG = {
-    multiLine: {
-        // defaultValue: false,
-        description: 'Whether the input is multiline.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.REQUIRED_MARK_ARG = {
-    requiredMark: {
-        // defaultValue: true,
-        description: 'Whether to show the required mark on labels.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: true },
-        },
-    },
-};
-exports.TEXT_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The text value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default text value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-};
-exports.NUMBER_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The number value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'number' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default number value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'number' },
-        },
-    },
-};
-exports.MULTIPLE_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The multiple value in controlled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'string[]' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default multiple value in uncontrolled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'string[]' },
-        },
-    },
-};
-exports.MULTIPLE_NUMBER_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The multiple value in controlled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'number[]' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default multiple value in uncontrolled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'number[]' },
-        },
-    },
-};
-exports.IS_SELECTED_ARG = {
-    isSelected: {
-        defaultValue: undefined,
-        description: 'Whether the input is selected in controlled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-    defaultSelected: {
-        defaultValue: undefined,
-        description: 'Whether the input is selected by default in uncontrolled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-};
-exports.IS_INDETERMINATE_ARG = {
-    isIndeterminate: {
-        defaultValue: undefined,
-        description: 'Whether the input is indeterminate in controlled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-};
-exports.SELECTED_KEY_ARG = {
-    selectedKey: {
-        defaultValue: undefined,
-        description: 'The selected value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-    defaultSelectedKey: {
-        defaultValue: undefined,
-        description: 'The default selected value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-};
-exports.ICON_ARG = {
-    icon: {
-        // defaultValue: true,
-        description: 'Whether to show an icon on the element',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: true },
-        },
-    },
-};
-
-        

package/cjs/stories/components/ConfirmDeletionDialogForm.js

@@ -1,36 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmDeletionDialogForm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../../index");
-function ConfirmDeletionDialogForm(props) {
-    let { name, onSubmit, onDismiss } = props;
-    return ((0, jsx_runtime_1.jsxs)(index_1.DialogForm, { title: "Delete Deployment", submitProps: {
-            label: 'Delete',
-            theme: 'danger',
-        }, cancelProps: {
-            label: 'I changed my mind',
-        }, onSubmit: onSubmit, onDismiss: onDismiss, children: [(0, jsx_runtime_1.jsxs)(index_1.Paragraph, { children: ["To delete the instance, please, enter its full name:", ' ', (0, jsx_runtime_1.jsx)(index_1.Text.Strong, { children: name }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(index_1.Field, { name: "name", rules: [
-                    {
-                        required: true,
-                        message: 'This field is required',
-                    },
-                    {
-                        async validator(rule, value) {
-                            if (value !== name) {
-                                throw new Error('Incorrect name');
-                            }
-                        },
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { placeholder: "Enter the name of the instance" }, void 0) }, void 0)] }, void 0));
-}
-exports.ConfirmDeletionDialogForm = ConfirmDeletionDialogForm;
-
-        

package/cjs/stories/components/DialogFormApp.js

@@ -1,19 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFormApp = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../../index");
-const ConfirmDeletionDialogForm_1 = require("./ConfirmDeletionDialogForm");
-function DialogFormApp() {
-    return ((0, jsx_runtime_1.jsxs)(index_1.DialogTrigger, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { children: "Delete the instance" }, void 0), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { name: "instanceName" }, void 0)] }, void 0));
-}
-exports.DialogFormApp = DialogFormApp;
-
-