pixel-react 1.11.22 → 1.11.24

package/lib/components/PopUpModal/types.d.ts

@@ -0,0 +1,21 @@
+export interface PopUpModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onContinue?: () => void;
+    titleMessage: string;
+    subTitleMessage?: string;
+    iconName: string;
+    modalMessage: string | React.ReactNode;
+    secondaryMessage?: string | React.ReactNode;
+    firstButtonLabel?: string;
+    secondButtonLabel: string;
+    buttonVariant: any;
+    border: string;
+    popupWidth?: string;
+    popupHeight?: string;
+    colorForTitleMessage?: string;
+    footerContent?: React.ReactNode;
+    firstButtonDisabled?: boolean;
+    secondButtonDisabled?: boolean;
+    zIndex?: number;
+}

package/lib/components/PopUpModal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/PopUpModal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/PopUpModal/types.ts"],"names":[],"mappings":""}

package/lib/components/PrePostTable/PrePostTable.d.ts

@@ -0,0 +1,4 @@
+import { PrePostTableProps } from './Types';
+import './PrePostTable.scss';
+declare const PrePostTable: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, draggable, onDragEnd, loadMore, editMode, editComponent, NlpComponent, AddNlp, handleDragStart, handleViewComponent, handleAccordion, loading, }: PrePostTableProps) => import("react/jsx-runtime").JSX.Element;
+export default PrePostTable;

package/lib/components/PrePostTable/PrePostTable.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isFunction } from '../../assets/utils/functionUtils';
+import classNames from 'classnames';
+import './PrePostTable.scss';
+import Checkbox from '../Checkbox';
+import Typography from '../Typography';
+import { closestCorners, DndContext } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { useEffect, useRef, cloneElement, isValidElement, useState, } from 'react';
+import DraggableTableRow from './components/DraggableTableRow';
+import { appendNewRow } from '../../utils/AppendNewRow/AppendNewRow';
+const PrePostTable = ({ data = [], columns = [], headerType, withCheckbox = false, onSelect, allSelected, partialSelected = false, withFixedHeader = true, borderWithRadius = false, headerCheckboxDisabled = false, noDataContent, height = '100%', className = '', tableHeadClass = '', tableBodyRowClass = '', headerTextColor, tableDataTextColor, draggable = false, onDragEnd, loadMore = () => { }, editMode = '', editComponent, NlpComponent, AddNlp, handleDragStart, handleViewComponent, handleAccordion, loading, }) => {
+    const observerRef = useRef(null);
+    const [ViewComponent, setViewComponent] = useState(null);
+    const [viewModeId, setViewModeId] = useState(null);
+    const toggleViewRow = (row) => {
+        setViewModeId((prev) => (prev === row?.stepId ? null : row?.stepId));
+    };
+    const handleClick = (item) => {
+        toggleViewRow(item);
+        const Component = handleViewComponent?.(item, toggleViewRow);
+        if (Component) {
+            setViewComponent(() => Component);
+        }
+        else {
+            toggleViewRow(null);
+        }
+    };
+    const [expandStepGroup, setExpandStepGroup] = useState(new Map());
+    const isStepGroupExpanded = (stepId) => expandStepGroup.has(stepId);
+    const handleStepGroupExpand = (rowData) => {
+        if (!isStepGroupExpanded(rowData?.stepId)) {
+            handleAccordion?.(rowData);
+        }
+        if (!loading) {
+            setExpandStepGroup((prev) => {
+                const newMap = new Map(prev);
+                if (newMap.has(rowData?.stepId)) {
+                    newMap.delete(rowData?.stepId);
+                }
+                else {
+                    newMap.set(rowData?.stepId, true);
+                }
+                return newMap;
+            });
+        }
+    };
+    useEffect(() => {
+        const scrollContainer = document.getElementById('ff-table-scroll-container');
+        const firstNode = document.getElementById('ff-table-first-node');
+        const lastNode = document.getElementById('ff-table-last-node');
+        // Exit early if data is empty or elements are missing
+        if (!scrollContainer || !firstNode || !lastNode || !data?.length) {
+            return;
+        }
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const direction = entry.target.id === 'ff-table-last-node' ? 'below' : 'above';
+                    loadMore(direction);
+                }
+            });
+        }, {
+            root: scrollContainer,
+            rootMargin: '8px',
+            threshold: 0.1,
+        });
+        observerRef.current.observe(firstNode);
+        observerRef.current.observe(lastNode);
+        return () => {
+            observerRef.current?.disconnect();
+        };
+    }, [data, loadMore]);
+    const handleOnclick = (column, row, index) => {
+        let { onClick, accessor } = column;
+        if (onClick && isFunction(onClick)) {
+            onClick(accessor, row, index);
+        }
+    };
+    const onSelectClick = (e, item) => {
+        if (onSelect) {
+            onSelect(e, item);
+        }
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const oldIndex = data.findIndex((item) => item._id === active.id || item.stepId === active.id);
+        const newIndex = data.findIndex((item) => item._id === over.id || item.stepId === over.id);
+        if (oldIndex === -1 || newIndex === -1)
+            return;
+        if (onDragEnd)
+            onDragEnd(oldIndex, newIndex);
+    };
+    return (_jsx(DndContext, { collisionDetection: closestCorners, onDragStart: () => {
+            handleDragStart?.();
+            expandStepGroup.clear();
+        }, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row.stepId || row._id), strategy: verticalListSortingStrategy, children: _jsxs("div", { style: { height: height, position: 'relative' }, id: "ff-table-scroll-container", className: classNames(className, {
+                    'pre-fixed-header-table': withFixedHeader,
+                    'pre-border-borderRadius': borderWithRadius,
+                }), children: [_jsxs("table", { className: classNames(`ff-table-pre-post`), cellSpacing: 0, children: [_jsx("thead", { className: classNames({
+                                    'pre-table-thead': withFixedHeader,
+                                }, tableHeadClass), children: _jsx("tr", { children: columns.map((column, index) => (_jsx("th", { className: classNames(`${headerType && `${headerType}-bg`}`, `${headerTextColor && `${headerTextColor}-color`}`), style: { width: column?.width }, children: _jsxs(Typography, { as: "div", fontWeight: "semi-bold", className: "ff-label-checkbox-container", lineHeight: "18px", color: "var(--drawer-title-color)", children: [index === 0 && withCheckbox && (_jsx("span", { className: "ff-table-checkbox", children: _jsx(Checkbox, { onChange: (e) => {
+                                                            onSelectClick(e, {
+                                                                allSelected: e.target.checked,
+                                                            });
+                                                        }, checked: allSelected !== undefined ? allSelected : false, partial: !!partialSelected, disabled: headerCheckboxDisabled }) })), column.header] }) }, column.header))) }) }), _jsxs("tbody", { className: "pre-table-tbody", children: [_jsx("tr", { id: "ff-table-first-node" }), appendNewRow(data, AddNlp ?? {})?.map((row, index) => {
+                                        const isEdit = editMode === row.stepId;
+                                        const isEditOrNew = isEdit || row.isNew;
+                                        const renderEditableRow = () => (_jsxs("tr", { className: "pre-edit-row", children: [isEdit && isValidElement(editComponent) && (_jsx("td", { colSpan: columns.length, children: cloneElement(editComponent, {
+                                                        rowData: row,
+                                                        rowIndex: index + 1,
+                                                    }) })), row.isNew && !isEdit && isValidElement(NlpComponent) && (_jsx("td", { colSpan: columns.length, children: cloneElement(NlpComponent, {
+                                                        rowIndex: index,
+                                                        rowData: row,
+                                                    }) }))] }, row.stepId || index));
+                                        const renderSortableRow = () => (_jsx(DraggableTableRow, { row: row, indexNumber: index, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, draggable: draggable, dataLength: data?.length, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded }));
+                                        return isEditOrNew
+                                            ? renderEditableRow()
+                                            : renderSortableRow();
+                                    }), _jsx("tr", { id: "ff-table-last-node" })] })] }), data?.length <= 0 && (_jsx("div", { className: "ff-no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }) }) }));
+};
+export default PrePostTable;
+//# sourceMappingURL=PrePostTable.js.map

package/lib/components/PrePostTable/PrePostTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrePostTable.js","sourceRoot":"","sources":["../../../src/components/PrePostTable/PrePostTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/PrePostTable/Types.d.ts

@@ -0,0 +1,193 @@
+import { ReactElement, ReactNode } from 'react';
+export interface ColumnsProps {
+    /**
+     * column name
+     */
+    header: string;
+    /**
+     * data key for particular column
+     */
+    accessor: string;
+    /**
+     * className for a column
+     */
+    className?: string;
+    /**
+     * width of a column
+     */
+    width?: number;
+    /**
+     * data for the column
+     */
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    extraInfo: (e: any) => JSX.Element | string | ReactNode;
+    onClick?: (colum: string, row: DataProps, index: number) => void;
+}
+export interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+export interface AddNlpProp {
+    action?: 'addBelow' | 'addLast' | 'replaceNlp' | 'EditNlp';
+    nlpName?: string;
+    sourceIndex?: number;
+    id?: string;
+}
+export interface SelectedItemProps {
+    /**
+     * selected row object | All selected flag
+     */
+    [key: string]: string | number | boolean;
+}
+export interface PrePostTableProps {
+    /**
+     * Data for table
+     */
+    data: Array<number | string | DataProps>;
+    /**
+     * Column details for table
+     */
+    columns: Array<any>;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
+    /**
+     * withFixedHeader prop to have non-scrollable fixed table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     * borderWithRadius prop to have table with border 1px and borderRadius 5px
+     */
+    borderWithRadius?: boolean;
+    /**
+     * Check box feature to select the row
+     */
+    withCheckbox?: boolean;
+    /**
+     * Event for checkbox onClick
+     */
+    onSelect?: (e: object, arg: SelectedItemProps) => void;
+    /**
+     * Check box feature to select the row
+     */
+    allSelected?: boolean;
+    /**
+     * send true to show partial checkbox in the header
+     */
+    partialSelected?: boolean;
+    /**
+     * send true to disable the checkbox in the header
+     */
+    headerCheckboxDisabled?: boolean;
+    /**
+     * The content that to be displayed if no data not found
+     */
+    noDataContent: string | ReactNode;
+    /**
+     * Image that to be displayed if you don't have data
+     */
+    noDataImage?: string;
+    /**
+     * Size of the image that to be displayed if you don't have data
+     */
+    noDataImageSize?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small';
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     *  classNames for the table container
+     */
+    className?: string;
+    /**
+     *  classNames for the table Header container
+     */
+    tableHeadClass?: string;
+    /**
+     *  classNames for the table Row container
+     */
+    tableBodyRowClass?: string;
+    /**
+     * custom color for the column text
+     */
+    headerTextColor?: 'default' | 'primary';
+    /**
+     * custom color for the row text
+     */
+    tableDataTextColor?: string;
+    /**
+     * icon for the table header, for expand or other purposes
+     */
+    headerIconName?: string;
+    /**
+     * handle function for the table header icon
+     */
+    headerIconOnClick?: () => void;
+    /**
+     * Drag and Drop pass true to enable
+     */
+    draggable?: boolean;
+    /**
+     * Drag and Drop indexes
+     */
+    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
+    loadMore?: (_direction?: string) => void;
+    /**
+     * enable editMode by setting state row id
+     */
+    editMode?: number | string;
+    /**
+      * The content that to be displayed if editComponent
+      */
+    editComponent?: ReactNode;
+    /**
+     * The content that to be displayed NlpInput Component
+     */
+    NlpComponent?: ReactNode;
+    /**
+    * state for the Add new Row in Table
+    */
+    AddNlp?: AddNlpProp | undefined | null;
+    /**
+      * handle function for Drag Starting in the Table
+      */
+    handleDragStart?: () => void;
+    loading?: boolean;
+    handleViewComponent?: (_rowData: DataProps, _toggleViewRow: (_val: null) => void) => (() => ReactElement) | null;
+    handleAccordion?: (row: any) => void;
+}
+export interface FormValues {
+    ifFailed: string | null;
+}
+export interface TableMainRow {
+    row: DataProps;
+    columns: DataProps;
+    tableBodyRowClass?: string;
+    handleOnclick: (column: ColumnsProps, row: DataProps, index: number) => void;
+    tableDataTextColor?: string;
+    withCheckbox?: boolean;
+    onSelectClick?: any;
+    draggable?: boolean | undefined;
+    indexNumber?: number;
+    tableType?: string;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    handleClick?: (item: DataProps) => void;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+    dataLength?: number;
+}
+export interface PrePostStepAccordionsProps {
+    data: DataProps[];
+    level?: number;
+    columnCount?: number;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    handleClick?: (item: DataProps) => void;
+    tableType?: string;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+}

package/lib/components/PrePostTable/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/lib/components/PrePostTable/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/components/PrePostTable/Types.ts"],"names":[],"mappings":""}

package/lib/components/PrePostTable/components/DraggableTableRow.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TableMainRow } from '../Types';
+import '../PrePostTable.scss';
+declare const DraggableTableRow: FC<TableMainRow>;
+export default DraggableTableRow;

package/lib/components/PrePostTable/components/DraggableTableRow.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSortable } from '@dnd-kit/sortable';
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import { prepareData } from '../../../utils/TableCell/TableCell';
+import Checkbox from '../../Checkbox';
+import Icon from '../../Icon';
+import Typography from '../../Typography';
+import PrePostStepAccordions from './PrePostStepAccordions';
+import { CSS } from '@dnd-kit/utilities';
+import '../PrePostTable.scss';
+const DraggableTableRow = ({ row, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, indexNumber, dataLength = 0, viewModeId, ViewComponent, handleClick, handleStepGroupExpand, isStepGroupExpanded, }) => {
+    const isDisabled = row?.isDisabled;
+    const rowId = row?._id || row?.stepId;
+    const isDragDisabled = isDisabled || dataLength <= 1 || row.cascaded === 'cascaded';
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: rowId,
+        disabled: isDragDisabled,
+    });
+    const style = useMemo(() => ({
+        transform: CSS.Transform.toString(transform),
+        transition,
+    }), [transform, transition]);
+    const expanded = isStepGroupExpanded?.(row.stepId);
+    const dragStyle = {
+        opacity: isDragDisabled ? '0' : '1',
+        cursor: isDragDisabled ? 'default' : 'grab',
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { ref: setNodeRef, style: style, className: classNames(tableBodyRowClass, {
+                    'disabled-row': isDisabled,
+                }), children: columns.map((column, index) => {
+                    const firstColumn = index === 0;
+                    return (_jsx("td", { style: { paddingLeft: firstColumn && draggable ? '0px' : '8px' }, onClick: () => handleOnclick(column, row, index), className: classNames(column.className, {
+                            'clickable-cell': column.onClick,
+                        }), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: "ff-data-checkbox-container", children: [firstColumn && withCheckbox && (_jsx("span", { className: "ff-table-checkbox", children: _jsx(Checkbox, { onChange: (e) => onSelectClick(e, row), checked: row.checked, disabled: !!isDisabled }) })), firstColumn && draggable && (_jsx("div", { className: isDisabled ? 'ff-table-drag' : 'ff-table-drag-icon', ...listeners, ...attributes, children: _jsx("span", { style: dragStyle, children: _jsx(Icon, { name: "drag" }) }) })), prepareData(row, column, indexNumber), firstColumn && ['PRE', 'POST'].includes(row.type) && (_jsx("div", { className: `pre-accordion-arrow ${expanded ? 'expanded' : ''}`, children: _jsx(Icon, { name: "arrow_right", color: expanded ? 'var(--brand-color)' : 'var(--default-color)', width: 16, height: 16, className: "pre-arrow-svg", onClick: () => handleStepGroupExpand?.(row) }) })), column.extraInfo && column.extraInfo({ row, indexNumber })] }) }, `${column.accessor}${index}`));
+                }) }, rowId), expanded && (_jsx(PrePostStepAccordions, { data: row.data, columnCount: columns.length, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded }))] }));
+};
+export default DraggableTableRow;
+//# sourceMappingURL=DraggableTableRow.js.map

package/lib/components/PrePostTable/components/DraggableTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableTableRow.js","sourceRoot":"","sources":["../../../../src/components/PrePostTable/components/DraggableTableRow.tsx"],"names":[],"mappings":"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"}

package/lib/components/PrePostTable/components/PrePostStepAccordions.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { PrePostStepAccordionsProps } from '../Types';
+declare const PrePostStepAccordions: FC<PrePostStepAccordionsProps>;
+export default PrePostStepAccordions;

package/lib/components/PrePostTable/components/PrePostStepAccordions.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useCallback } from 'react';
+import Icon from '../../Icon';
+import Typography from '../../Typography';
+import { truncateText } from '../../../utils/truncateText/truncateText';
+import Tooltip from '../../Tooltip';
+const PrePostStepAccordions = ({ data, level = 3, columnCount = 1, viewModeId, ViewComponent, handleClick, handleStepGroupExpand, isStepGroupExpanded, }) => {
+    const marginLeft = `${8 * level}px`;
+    const getPadding = useCallback((type) => (['PRE', 'POST'].includes(type) ? '4px 8px' : '7px 8px'), []);
+    return (_jsx(_Fragment, { children: data?.map((item) => {
+            const isInEditMode = viewModeId === item.stepId;
+            const isExpanded = isStepGroupExpanded?.(item.stepId);
+            const padding = getPadding(item.type);
+            return (_jsxs(Fragment, { children: [isInEditMode ? (_jsx("tr", { className: "pre-edit-row", children: _jsx("td", { colSpan: columnCount, children: _jsx("div", { style: { marginLeft }, children: ViewComponent && _jsx(ViewComponent, {}) }) }) })) : (_jsx("tr", { children: _jsx("td", { colSpan: columnCount, style: { padding }, children: _jsxs("div", { style: { marginLeft, display: 'flex', alignItems: 'center' }, children: [_jsx(Tooltip, { title: item?.name, children: _jsxs(Typography, { as: "div", color: "var(--brand-color)", lineHeight: "18px", onClick: () => handleClick?.(item), children: [item.displayOrder, ".", truncateText(item.name, 40)] }) }), ['PRE', 'POST'].includes(item.type) && (_jsx("div", { className: `pre-accordion-arrow ${isExpanded ? 'expanded' : ''}`, children: _jsx(Icon, { name: "arrow_right", className: "pre-arrow-svg", color: isExpanded ? 'var(--brand-color)' : 'var(--default-color)', width: 16, height: 16, onClick: () => handleStepGroupExpand?.(item) }) }))] }) }) })), isExpanded && (_jsx(PrePostStepAccordions, { data: item.data, level: level + 1, columnCount: columnCount, viewModeId: viewModeId, handleClick: handleClick, ViewComponent: ViewComponent, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded }))] }, item.stepId));
+        }) }));
+};
+export default PrePostStepAccordions;
+//# sourceMappingURL=PrePostStepAccordions.js.map

package/lib/components/PrePostTable/components/PrePostStepAccordions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrePostStepAccordions.js","sourceRoot":"","sources":["../../../../src/components/PrePostTable/components/PrePostStepAccordions.tsx"],"names":[],"mappings":"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"}

package/lib/components/PrePostTable/components/StepGroupDetailView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DynamicObj } from '../../CreateVariable/types';
+import './StepGroupDetailView.scss';
+interface StepGroupDetailViewProps {
+    rowData: DynamicObj;
+    toggleViewRow: (_val: null) => void;
+}
+declare const StepGroupDetailView: React.FC<StepGroupDetailViewProps>;
+export default StepGroupDetailView;

package/lib/components/PrePostTable/components/StepGroupDetailView.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Typography from '../../Typography';
+import Icon from '../../Icon';
+import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
+import './StepGroupDetailView.scss';
+const StepGroupDetailView = ({ rowData, toggleViewRow, }) => {
+    const convertToSentenceCase = (str) => str
+        .toLowerCase()
+        .replace(/_/g, ' ')
+        .replace(/^./, (c) => c.toUpperCase());
+    return (_jsxs("section", { className: "ff-view-step-group", children: [_jsxs("header", { className: "ff-view-step-group__header", children: [_jsxs("div", { className: "ff-view-step-group__header_info", children: [_jsxs(Typography, { as: "span", lineHeight: "18px", color: "var(--nlp-color)", children: [rowData.displayOrder, ".", rowData.name] }), _jsx(Typography, { as: "div", children: _jsx(Icon, { name: "help_icon", height: 16, width: 16 }) })] }), _jsxs("div", { className: "ff-view-step-group__header_link", children: [_jsx(Typography, { color: "var(--nlp-color)", lineHeight: "18px", fontWeight: "semi-bold", style: { textDecoration: 'underline' }, children: "Open step group" }), _jsx(Icon, { name: "vertical_separator", color: "var(--vertical-separate-color)", width: 11, height: 16, className: "ff-view-step-group__header-right__line" }), _jsx(Icon, { name: "close", hoverEffect: true, onClick: () => toggleViewRow(null) })] })] }), _jsx("article", { className: "ff-view-step-group__content", children: !checkEmpty(rowData.stepInputs) &&
+                    rowData.stepInputs.map((item, index) => (_jsxs("div", { className: "ff-view-step-group__content__item", children: [_jsx(Typography, { as: "div", fontWeight: "medium", color: "var(--text-color)", lineHeight: "18px", children: item?.name }), _jsx(Typography, { as: "div", color: "var(--dataset-tooltip-title)", lineHeight: "18px", children: item?.value.includes('_')
+                                    ? convertToSentenceCase(item.value)
+                                    : item.value })] }, index))) })] }));
+};
+export default StepGroupDetailView;
+//# sourceMappingURL=StepGroupDetailView.js.map

package/lib/components/PrePostTable/components/StepGroupDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepGroupDetailView.js","sourceRoot":"","sources":["../../../../src/components/PrePostTable/components/StepGroupDetailView.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,4BAA4B,CAAC;AAOpC,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,OAAO,EACP,aAAa,GACd,EAAE,EAAE;IACH,MAAM,qBAAqB,GAAG,CAAC,GAAW,EAAU,EAAE,CACpD,GAAG;SACA,WAAW,EAAE;SACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,mBAAS,SAAS,EAAC,oBAAoB,aACrC,kBAAQ,SAAS,EAAC,4BAA4B,aAC5C,eAAK,SAAS,EAAC,iCAAiC,aAC9C,MAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,kBAAkB,aAC7D,OAAO,CAAC,YAAY,OAAG,OAAO,CAAC,IAAI,IACzB,EACb,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GACrC,IACT,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,WAAW,EACtB,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,gCAG3B,EACb,KAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,gCAAgC,EACtC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,wCAAwC,GAClD,EACF,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,WAAW,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAAI,IACjE,IACC,EACT,kBAAS,SAAS,EAAC,6BAA6B,YAC7C,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC;oBAC9B,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1D,eAAiB,SAAS,EAAC,mCAAmC,aAC5D,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,IAAI,EAAE,IAAI,GACpB,EACF,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,8BAA8B,EACpC,UAAU,EAAC,MAAM,EACjB,QAAQ,EACN,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;oCACvB,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC;oCACnC,CAAC,CAAC,IAAI,CAAC,KAAK,GAEhB,KAjBM,KAAK,CAkBT,CACP,CAAC,GACI,IACF,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/PrePostTable/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PrePostTable';

package/lib/components/PrePostTable/index.js

@@ -0,0 +1,2 @@
+export { default } from './PrePostTable';
+//# sourceMappingURL=index.js.map

package/lib/components/PrePostTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PrePostTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ProgressBarProps } from './types';
+import './ProgressBar.scss';
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/lib/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ProgressBar.scss';
+import Typography from '../Typography';
+const ProgressBar = ({ progressPercentage, totalMemory, usedMemory, color = 'var(--brand-color)', trackColor = '#f0f0f0', height = 10, label, labelFontSize = 12, labelTextColor = 'var(--ff-card-status-text-color)', showPercentage = false, percentageFontSize = 10, percentageTextColor = 'var(--tooltip-text-color)', }) => {
+    const convertMemoryToMB = (memory) => {
+        const trimmed = memory.trim().toLowerCase();
+        if (trimmed === '0')
+            return 0;
+        const match = trimmed.match(/^(\d+(?:\.\d+)?)\s*(kb|mb|gb)$/);
+        if (!match || !match[1])
+            return 0;
+        const value = parseFloat(match[1]);
+        const unit = match[2];
+        if (unit === 'gb') {
+            return value * 1024;
+        }
+        else if (unit === 'kb') {
+            return value / 1024;
+        }
+        else {
+            return value;
+        }
+    };
+    let computedProgress = 0;
+    let computedLabel = label;
+    if (totalMemory !== undefined && usedMemory !== undefined) {
+        const usedMB = convertMemoryToMB(usedMemory);
+        const totalMB = convertMemoryToMB(totalMemory);
+        if (totalMB > 0) {
+            computedProgress = (usedMB / totalMB) * 100;
+            computedLabel = label || usedMemory;
+        }
+        else {
+            computedProgress = 0;
+            computedLabel = '0MB';
+        }
+    }
+    else {
+        computedProgress = progressPercentage || 0;
+    }
+    // Ensure progress is between 0 and 100
+    const validProgress = Math.max(0, Math.min(computedProgress, 100));
+    // Bar style for the filled part
+    const barStyle = {
+        width: `${validProgress}%`,
+        backgroundColor: color,
+        height: `${height}px`,
+    };
+    // Track style for the empty part of the progress bar
+    const trackStyle = {
+        backgroundColor: trackColor,
+        height: `${height}px`,
+    };
+    return (_jsxs("div", { className: `ff-progress-bar-container ${computedLabel ? 'ff-has-label' : ''}`, children: [_jsx("div", { className: "ff-progress-bar-track", style: trackStyle, children: _jsx("div", { className: "ff-progress-bar", style: barStyle, children: showPercentage && (_jsx(Typography, { className: "ff-progress-bar-percentage", fontSize: percentageFontSize, color: percentageTextColor, children: `${Math.round(validProgress)}%` })) }) }), computedLabel && (_jsx(Typography, { as: "div", className: "ff-progress-bar-label", fontSize: labelFontSize, color: labelTextColor, children: computedLabel }))] }));
+};
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/lib/components/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,WAAW,GAA+B,CAAC,EAC/C,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,KAAK,GAAG,oBAAoB,EAC5B,UAAU,GAAG,SAAS,EACtB,MAAM,GAAG,EAAE,EACX,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,cAAc,GAAG,kCAAkC,EACnD,cAAc,GAAG,KAAK,EACtB,kBAAkB,GAAG,EAAE,EACvB,mBAAmB,GAAG,2BAA2B,GAClD,EAAE,EAAE;IAEH,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE;QACnD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC5C,IAAI,OAAO,KAAK,GAAG;YAAE,OAAO,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;QAC9D,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,OAAO,KAAK,GAAG,IAAI,CAAC;QACtB,CAAC;aAAM,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YACzB,OAAO,KAAK,GAAG,IAAI,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,gBAAgB,GAAG,CAAC,CAAC;IACzB,IAAI,aAAa,GAAG,KAAK,CAAC;IAE1B,IAAI,WAAW,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC1D,MAAM,MAAM,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAE/C,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YAChB,gBAAgB,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC;YAC5C,aAAa,GAAG,KAAK,IAAI,UAAU,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,gBAAgB,GAAG,CAAC,CAAC;YACrB,aAAa,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;SAAM,CAAC;QACN,gBAAgB,GAAG,kBAAkB,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,uCAAuC;IACvC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnE,gCAAgC;IAChC,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,GAAG,aAAa,GAAG;QAC1B,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,GAAG,MAAM,IAAI;KACtB,CAAC;IAEF,qDAAqD;IACrD,MAAM,UAAU,GAAG;QACjB,eAAe,EAAE,UAAU;QAC3B,MAAM,EAAE,GAAG,MAAM,IAAI;KACtB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,6BAA6B,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,aAChF,cAAK,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,UAAU,YACtD,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,YAC7C,cAAc,IAAI,CACjB,KAAC,UAAU,IACT,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,mBAAmB,YAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,GAAc,CAChD,GACG,GACF,EACL,aAAa,IAAI,CAChB,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,cAAc,YAEpB,aAAa,GACH,CACd,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProgressBar';

package/lib/components/ProgressBar/index.js

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+//# sourceMappingURL=index.js.map

package/lib/components/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC"}

package/lib/components/ProgressBar/types.d.ts

@@ -0,0 +1,14 @@
+export interface ProgressBarProps {
+    progressPercentage?: number;
+    color?: string;
+    trackColor?: string;
+    height?: number;
+    label?: string;
+    showPercentage?: boolean;
+    percentageFontSize?: number;
+    percentageTextColor?: string;
+    labelFontSize?: number;
+    labelTextColor?: string;
+    usedMemory?: string;
+    totalMemory?: string;
+}

package/lib/components/ProgressBar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/ProgressBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/types.ts"],"names":[],"mappings":""}

package/lib/components/Prompt/Prompt.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Prompt.scss';
+import type { promptProp } from './types';
+declare const Prompt: React.ForwardRefExoticComponent<promptProp & React.RefAttributes<HTMLInputElement>>;
+export default Prompt;