@dev-blinq/ui-systems 1.0.94 → 1.0.96

package/dist/components/common/Steps/DataPanel/DataPanel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+interface DataPanelSectionProps {
+    isRunScenarioLoading?: boolean;
+    parameters: any[];
+    addNewParameter: (index: number, mask: boolean) => void;
+    removeParameter: (index: number) => void;
+    handleUpdateParam: (index: number, value1: string, value2: string, mask?: boolean) => void;
+    ParamErrors?: (props: {
+        index: number;
+    }) => ReactNode;
+    project_id: string;
+    handleCopied?: (key: string) => void;
+    handleTestData?: (otp: any) => void;
+    testData?: any;
+    step_index?: string;
+    dataSet?: any;
+    allExamples?: any;
+    isMainApp?: boolean;
+    disabledEdit?: boolean;
+}
+export declare function DataPanelSection(props: DataPanelSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/Steps/DataPanel/ExampleSection.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export declare const ExamplesSection: ({ onClick, params, handleUpdateParam, ParamErrors, removeParameter, dataSet, disabledEdit, }: {
+    onClick: () => void;
+    params: any[];
+    handleUpdateParam: (index: number, value1: string, value2: string, mask?: boolean) => void;
+    ParamErrors?: (props: {
+        index: number;
+    }) => ReactNode;
+    removeParameter: (index: number) => void;
+    dataSet?: any;
+    disabledEdit?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Steps/DataPanel/JsonViewerTestData.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface JsonViewerTestDataProps {
+    data: object;
+    action?: {
+        title: string;
+    };
+    maxHeight?: string;
+    project_id: string;
+    handleCopied?: (key: string) => void;
+    handleTestData?: (otp: any) => void;
+    testData?: any;
+    step_index?: string;
+}
+export declare const JsonViewerTestData: React.FC<JsonViewerTestDataProps>;
+export declare function wrapDottedKeys(keyPath: string[]): string[];
+export {};

package/dist/components/common/Steps/DataPanel/TestData.d.ts

@@ -0,0 +1,9 @@
+interface TestDataProps {
+    project_id: string;
+    handleCopied?: (key: string) => void;
+    handleTestData?: (otp: any) => void;
+    testData?: any;
+    step_index?: string;
+}
+export declare const TestData: (props: TestDataProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/Steps/DataPanel/index.style.d.ts

@@ -0,0 +1,30 @@
+export declare const StyledDataContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isMainApp?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledParamList: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledJsonContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledValueWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledCopyButtonWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/components/common/Steps/Header.d.ts

@@ -0,0 +1,5 @@
+export declare const StepPanelHeader: ({ isRec, stepCount, isMainApp }: {
+    isRec?: boolean;
+    stepCount: number;
+    isMainApp?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Steps/Step.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export declare const Step: ({ wrapperProps, iconProps, dndProps, openCollapse, KeywordComponent, isEditing, SplitTextComponent, EditingTextViewComponent, ActionComponent, warning, CollapseContent, }: {
+    wrapperProps?: any;
+    iconProps?: any;
+    dndProps?: any;
+    openCollapse: boolean;
+    isEditing: boolean;
+    warning?: any;
+    KeywordComponent: ReactNode;
+    SplitTextComponent: ReactNode;
+    EditingTextViewComponent: ReactNode;
+    ActionComponent: ReactNode;
+    CollapseContent?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Step;

package/dist/components/common/Steps/StepIcon.d.ts

@@ -0,0 +1,7 @@
+interface StepIconProps {
+    openCollapse?: boolean;
+    arrowColor?: string;
+    [key: string]: any;
+}
+export declare const StepIcon: ({ openCollapse, arrowColor, ...rest }: StepIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/Steps/StepKeyword.d.ts

@@ -0,0 +1,20 @@
+interface StepPanelHeaderProps {
+    stepType: string;
+    showInfoIcon?: boolean;
+    isActive?: boolean;
+    color?: string;
+    handleTextClick?: (e: any) => void;
+    anchorEl?: HTMLElement | null;
+    handleMenuClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, value: any) => void;
+    handleMenuClose?: () => void;
+    menuItems?: {
+        title: React.ReactNode | string;
+        value: any;
+        disabled?: boolean;
+        divider?: boolean;
+        onClickItem?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>, value: any) => void;
+    }[];
+    hasInterceptRouteItems?: boolean;
+}
+export declare const StepKeyoword: ({ showInfoIcon, stepType, isActive, color, handleTextClick, anchorEl, handleMenuClick, handleMenuClose, menuItems, hasInterceptRouteItems, }: StepPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/Steps/StepTitle.d.ts

@@ -0,0 +1,9 @@
+export declare const StepTitle: ({ splits, text, setIsVisible, showCursor, }: {
+    splits: {
+        isVariable?: boolean;
+        text?: string;
+    }[];
+    text: string;
+    setIsVisible?: React.Dispatch<React.SetStateAction<boolean[]>>;
+    showCursor?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Steps/StepTitleEditInput.d.ts

@@ -0,0 +1,7 @@
+export declare const StepTitleEditInput: ({ onCancel, value, preventedKeys, onSave, setValue, }: {
+    onSave: (v: string) => void;
+    onCancel: () => void;
+    preventedKeys?: string[];
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Steps/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DataPanel/DataPanel';
+export * from './Header';
+export * from './StepIcon';
+export * from './StepKeyword';
+export * from './StepTitle';
+export * from './StepTitleEditInput';
+export * from './Step';

package/dist/components/common/Steps/index.style.d.ts

@@ -0,0 +1,178 @@
+export declare const StyledDroppableContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledStepContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledMainPage: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledStepPanelContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledStepPanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    isMainApp?: boolean;
+}, {}, {}>;
+export declare const StyledStepPanelListWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledStepWrap: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    transform?: any;
+    transition?: any;
+    isDragging?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledStepIconContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledStepIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isStepExecFailed?: boolean;
+    activeProp?: boolean;
+    bgColor?: string;
+    strokeColor?: string;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledStepTitle: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isDraggingNeighbouring?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCommandList: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledCommandListItem: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    isDragging?: boolean;
+    implementedInternalStep?: boolean;
+}, {}, {}>;
+export declare const StyledCommandListParent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    execution?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledDragIconWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledCommandTextWrap: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledKeyWorkdContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledMainHeaderSummary: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    openCollapse?: boolean;
+}, {}, {}>;
+export declare const StyledSingleLineHeading: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSingleEditInput: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCommandMenuIconSection: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledOverlayBox: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledRecoderFooter: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledDragDotsIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isDragging?: boolean;
+    disabled?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledInfo: import('@emotion/styled').StyledComponent<import('@mui/material').AlertProps & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    isTopWarning?: boolean;
+}, {}, {}>;
+export declare const StyledCommandIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    hasCmdError?: boolean;
+    strokeColor?: string;
+    background?: string;
+    backgroundImage?: string;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledCommandIconImage: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    hasCmdError?: boolean;
+    strokeColor?: string;
+    maskImage?: any;
+    backgroundImage?: string;
+}, import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledEditParamContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledEditActionWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledParamListDropdown: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledParamListItem: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledIndicatorLine: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledStepTitleWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/components/common/Steps/util.d.ts

@@ -0,0 +1,34 @@
+export declare function extractAndSplitQuotedParts(input: string): {
+    text: string;
+    startIndex: number;
+    endIndex: number;
+    isVariable: boolean;
+}[];
+export declare const isParam: (text: string) => boolean;
+export declare const preventedKeys: string[];
+export declare const stepKeywords: readonly ["Given", "When", "Then"];
+export declare const fullStepKeywords: readonly ["Given", "When", "Then", "And", "But"];
+export interface Step {
+    keyword: string;
+    text: string;
+    type: "step" | "comment";
+    stepId: string;
+}
+export interface ParamEntry {
+    key: string;
+    value: string;
+    allowDeletion: boolean;
+    mask: boolean;
+}
+export interface ParamDataset {
+    datasetId: number;
+    data: ParamEntry[];
+}
+export interface GherkinObject {
+    featureName: string;
+    scenarioName: string;
+    steps: Step[];
+    params: ParamDataset[];
+}
+export declare function parseGherkin(gherkinString: string): GherkinObject;
+export declare function stringifyGherkin(obj: GherkinObject): string;

package/dist/components/common/index.d.ts

@@ -0,0 +1 @@
+export * from './Steps';

package/dist/components/generic/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+interface MUIAccordionProps {
+    expanded: boolean;
+    title: React.ReactNode;
+    onChange: (event: React.SyntheticEvent, isExpanded: boolean) => void;
+    details: React.ReactNode;
+}
+export declare function MUIAccordion({ expanded, title, onChange, details }: MUIAccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/generic/index.d.ts

@@ -8,3 +8,4 @@ export * from './Button/Button';
 export * from './Input/Input';
 export * from './Select/Select';
 export * from './Checkbox/Checkbox';
+export * from './Accordion/Accordion';

package/dist/icons/index.d.ts

@@ -1,6 +1,16 @@
 import { LucideProps } from 'lucide-react';
 import { default as MailIcon } from './mail.svg?react';
 import { default as TextAreaNotchIcon } from './text-area-notch.svg?react';
-declare const SaveIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
-declare const XIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
-export { MailIcon, TextAreaNotchIcon, SaveIcon, XIcon };
+export declare const SaveIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const XIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertCircleIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDownIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InformationIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EyeIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EyeOffIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlusIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Trash2Icon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronRightIcon: (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+export { MailIcon, TextAreaNotchIcon };