pixel-react 1.11.22 → 1.11.24

package/lib/components/StatusCard/StatusCard.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Typography from '../Typography';
+import Icon from '../Icon';
+import './StatusCard.scss';
+const StatusCard = ({ icon, status, count, text, style = { width: '196.4px' }, resetToggle, onSelectedStatus = (_status) => { }, }) => {
+    const [isToggled, setIsToggled] = useState(false);
+    const hideStatusText = [
+        'total defects',
+        'defect density',
+        'open defects',
+        'closed defects',
+        'quality score',
+    ];
+    const swapCountAndText = hideStatusText.includes(status.toLowerCase());
+    const redBackground = hideStatusText.includes(status.toLowerCase());
+    const handleSelectStatus = (status) => {
+        if (hideStatusText.includes(status.toLowerCase())) {
+            return;
+        }
+        setIsToggled(true);
+        onSelectedStatus(status);
+    };
+    useEffect(() => {
+        setIsToggled(!resetToggle);
+    }, [resetToggle]);
+    const handleStaticCard = () => {
+        if (status.toLowerCase() === 'defect density') {
+            return (_jsxs(_Fragment, { children: [count.toString().padStart(2, '0'), _jsx(Typography, { fontSize: "15px", fontWeight: "semi-bold", children: "/ Modules" })] }));
+        }
+        else if (status.toLowerCase() === 'quality score') {
+            return `${parseFloat(count.toString()).toFixed(2)}%`;
+        }
+        else {
+            return count.toString().padStart(2, '0');
+        }
+    };
+    return (_jsxs("div", { className: `ff-card-container ${status.toLowerCase()} ${isToggled ? 'toggled' : ''}`, style: style, onClick: () => handleSelectStatus(status), children: [_jsxs("div", { className: "ff-status-bar", children: [_jsx("div", { children: _jsx(Icon, { name: icon, height: 20, width: 20, hoverEffect: false }) }), !hideStatusText.includes(status.toLowerCase()) && (_jsx(Typography, { fontWeight: "semi-bold", fontSize: "10px", textAlign: "center", lineHeight: "15px", className: "ff-status-text", as: "div", children: status.charAt(0).toUpperCase() + status.slice(1).toLowerCase() }))] }), _jsx("div", { className: `ff-content ${redBackground ? 'red-background' : ''}`, children: swapCountAndText ? (_jsxs(_Fragment, { children: [_jsx(Typography, { fontWeight: "semi-bold", fontSize: "10px", className: "ff-text", lineHeight: "15px", color: 'var(--ff-chip-text-color)', children: text }), _jsx(Typography, { fontWeight: "semi-bold", fontSize: "24px", className: "ff-number", lineHeight: "36px", children: handleStaticCard() })] })) : (_jsxs(_Fragment, { children: [_jsx(Typography, { fontWeight: "semi-bold", fontSize: "24px", className: "ff-number", lineHeight: "24px", color: isToggled ? 'var(--base-bg-color)' : '', children: count.toString().padStart(2, '0') }), _jsx(Typography, { className: "ff-text", lineHeight: "18px", color: isToggled ? 'var(--base-bg-color)' : 'var(--ff-chip-text-color)', children: text })] })) })] }));
+};
+export default StatusCard;
+//# sourceMappingURL=StatusCard.js.map

package/lib/components/StatusCard/StatusCard.js.map

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

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

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

package/lib/components/StatusCard/index.js

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

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

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

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

@@ -0,0 +1,18 @@
+export interface CardProps {
+    /** The icon to display in the card */
+    icon: string;
+    /** The status of the card (Passed, Failed, Warning, Skipped, Flaky) */
+    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'Total Defects' | 'Defect Density' | 'Open Defects' | 'Closed Defects' | 'Quality Score';
+    /** The number displayed in the card */
+    count: number | string;
+    /** The description text displayed at the bottom of the card */
+    text: string;
+    /** Inline Styling */
+    style?: React.CSSProperties;
+    /** toggle update */
+    handleToggleStatus?: (_status: boolean) => void;
+    /** make Card Select false */
+    resetToggle?: boolean;
+    /** call back */
+    onSelectedStatus?: (_status: string) => void;
+}

package/lib/components/StatusCard/types.js

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

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

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

package/lib/components/StepsLandingTable/Components/EditComponent.d.ts

@@ -0,0 +1,3 @@
+import './StepInnerTable.scss';
+declare const EditComponent: ({ rowData, rowIndex, handleAdd, handleCancel }: any) => import("react/jsx-runtime").JSX.Element;
+export default EditComponent;

package/lib/components/StepsLandingTable/Components/EditComponent.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import Button from '../../Button';
+import Typography from '../../Typography';
+import Select from '../../Select';
+import Form from '../../Form/Forms';
+import './StepInnerTable.scss';
+//?DEMO COMPONENT
+const EditComponent = ({ rowData, rowIndex, handleAdd, handleCancel }) => {
+    const [initialFormState] = useState({
+        ifFailed: '',
+    });
+    return (_jsxs("section", { className: 'edit_depends_on_script', children: [_jsxs("header", { className: 'edit_depends_on_script__header', children: [_jsx("div", { children: _jsxs(Typography, { color: "var(--nlp-option-color)", lineHeight: "18px", children: [rowIndex, ".", rowData?.name] }) }), _jsx("div", { className: 'edit_depends_on_script__header__link', children: _jsx(Typography, { children: "Go to script", color: "var(--nlp-color)", fontWeight: "semi-bold" }) })] }), _jsx(Form, { onSubmit: (data) => handleAdd(data, rowIndex), defaultValues: initialFormState, children: ({ register, setValue, formState: { errors }, watch, trigger }) => {
+                    return (_jsxs("div", { className: 'edit_depends_on_script__form', children: [_jsx(Select, { label: "if Failed", optionsList: [
+                                    {
+                                        label: 'Mark this script as Failed and continue dependant script execution',
+                                        value: 'MARK_THIS_SCRIPT_AS_FAILED_AND_CONTINUE_DEPENDANT_SCRIPT_EXECUTION',
+                                    },
+                                    {
+                                        label: 'Mark this script as Warning and continue dependant script execution',
+                                        value: 'MARK_THIS_SCRIPT_AS_WARNING_AND_CONTINUE_DEPENDANT_SCRIPT_EXECUTION',
+                                    },
+                                ], ...register('ifFailed'), onChange: (option) => {
+                                    setValue('ifFailed', option.label);
+                                }, errorMsg: errors.ifFailed?.message, optionZIndex: 9999, selectedOption: {
+                                    label: watch('ifFailed'),
+                                    value: watch('ifFailed'),
+                                }, onBlur: () => {
+                                    trigger('ifFailed');
+                                } }), _jsxs("div", { className: 'edit_depends_on_script__form__button', children: [_jsx(Button, { variant: "tertiary", children: "Cancel", onClick: handleCancel }), _jsx(Button, { variant: "primary", type: "submit", label: "Update" })] })] }));
+                } })] }));
+};
+export default EditComponent;
+//# sourceMappingURL=EditComponent.js.map

package/lib/components/StepsLandingTable/Components/EditComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAG/B,iBAAiB;AACjB,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAO,EAAE,EAAE;IAC5E,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAa;QAC9C,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,wBAAwB,aAC1C,kBAAQ,SAAS,EAAE,gCAAgC,aACjD,wBACE,MAAC,UAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,UAAU,EAAC,MAAM,aAC1D,QAAQ,OAAG,OAAO,EAAE,IAAI,IACd,GACT,EACN,cAAK,SAAS,EAAE,sCAAsC,YACpD,KAAC,UAAU,IACT,QAAQ,EAAC,cAAc,EACvB,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,WAAW,GACtB,GACE,IACC,EACT,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC7C,aAAa,EAAE,gBAAgB,YAE9B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;oBACjE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,aAC5C,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE;oCACX;wCACE,KAAK,EACH,oEAAoE;wCACtE,KAAK,EACH,oEAAoE;qCACvE;oCACD;wCACE,KAAK,EACH,qEAAqE;wCACvE,KAAK,EACH,qEAAqE;qCACxE;iCACF,KACG,QAAQ,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oCACnB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gCACrC,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAClC,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE;oCACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;oCACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;iCACzB,EACD,MAAM,EAAE,GAAG,EAAE;oCACX,OAAO,CAAC,UAAU,CAAC,CAAC;gCACtB,CAAC,GACD,EACF,eAAK,SAAS,EAAE,sCAAsC,aACpD,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,IACrD,IACF,CACP,CAAC;gBACJ,CAAC,GACI,IACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/StepsLandingTable/Components/RenderNlpInput.d.ts

@@ -0,0 +1,2 @@
+declare const RenderNlpInput: ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderNlpInput;

package/lib/components/StepsLandingTable/Components/RenderNlpInput.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import NlpInput from '../../NLPInput';
+import { filterSearchData } from '../../NLPInput/sampleData';
+const RenderNlpInput = ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }) => {
+    const [inputValue, setInputValue] = useState(rowData.name || '');
+    const [optionList, setOptionList] = useState(nlpList);
+    useEffect(() => {
+        setInputValue(rowData.name || '');
+    }),
+        [rowData.name];
+    const handleChange = (e) => {
+        handelChangeNlp(e.target.value);
+        setInputValue(e.target.value);
+        setOptionList(nlpList);
+    };
+    const handleSelect = (e) => {
+        setInputValue(e.displayName);
+        handleNlpSelect({
+            selectedNlp: e,
+            indexValue: rowIndex,
+            stepId: rowData.stepId,
+        });
+    };
+    return (_jsx(NlpInput, { label: "Search NLP", leftIcon: "ai_search", rightIcon: "help_icon", rightIconColor: "var(--nlp-color)", value: inputValue, optionZIndex: optionZIndex, onChange: handleChange, onSelect: handleSelect, optionsList: optionList, chipOptionList: filterSearchData, webServiceClick: () => {
+            alert('webServiceClick!');
+        }, onHelpIconClick: () => {
+            alert('Help icon clicked!!');
+        }, aiIconClick: () => {
+            alert('aiIconClick!');
+        }, containerWidth: '1000px' }));
+};
+export default RenderNlpInput;
+//# sourceMappingURL=RenderNlpInput.js.map

package/lib/components/StepsLandingTable/Components/RenderNlpInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderNlpInput.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/RenderNlpInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,cAAc,GAAG,CAAC,EACtB,eAAe,EACf,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,GACH,EAAE,EAAE;IACR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;QACA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,aAAa,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAC7B,eAAe,CAAC;YACd,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAC,WAAW,EACrB,cAAc,EAAC,kBAAkB,EACjC,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,UAAU,EACvB,cAAc,EAAE,gBAAgB,EAChC,eAAe,EAAE,GAAG,EAAE;YACpB,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAC5B,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;YACpB,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC/B,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;YAChB,KAAK,CAAC,cAAc,CAAC,CAAC;QACxB,CAAC,EACD,cAAc,EAAE,QAAQ,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.d.ts

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

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.js

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

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.js.map

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

package/lib/components/StepsLandingTable/Components/StepInnerTable.d.ts

@@ -0,0 +1,4 @@
+import './StepInnerTable.scss';
+import { PrePostTableProps } from './Types';
+declare const PrePostTable: ({ data, columns, headerType, withCheckbox, onSelect, withFixedHeader, borderWithRadius, noDataContent, height, className, tableBodyRowClass, headerTextColor, tableDataTextColor, draggable, onDragEnd, loadMore, editMode, editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, }: PrePostTableProps) => import("react/jsx-runtime").JSX.Element;
+export default PrePostTable;

package/lib/components/StepsLandingTable/Components/StepInnerTable.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, cloneElement, isValidElement, useMemo, } from 'react';
+import './StepInnerTable.scss';
+import { isFunction } from '../../../assets/utils/functionUtils';
+import classNames from 'classnames';
+import { prepareData } from '../../../utils/TableCell/TableCell';
+import Checkbox from '../../Checkbox';
+import Typography from '../../Typography';
+import Icon from '../../Icon';
+import { closestCorners, DndContext } from '@dnd-kit/core';
+import { SortableContext, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import StepGroupAccordions from './StepGroupAccordions';
+import { ffid } from '../../../utils/ffID/ffid';
+import { appendNewRow } from '../../../utils/AppendNewRow/AppendNewRow';
+const SortableRow = ({ row, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, indexNumber, tableType = '', viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, dataLength, }) => {
+    const isDisabled = useMemo(() => row?.isDisabled || (dataLength ?? 0) <= 1 || row.isSpecialNlp, [row, dataLength]);
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: row?._id || row?.stepId,
+        disabled: isDisabled,
+    });
+    const style = useMemo(() => ({
+        transform: CSS.Transform.toString(transform),
+        transition,
+    }), [transform, transition]);
+    const key = row._id || row.stepId;
+    const getPadding = (index) => {
+        if (index !== 0) {
+            return tableType === 'Steps' ? '4px 8px' : '7px 8px';
+        }
+        if (tableType === 'Steps') {
+            return draggable ? '4px 8px 4px 0px' : '4px 8px 4px 24px';
+        }
+        return '4px 8px 4px 24px';
+    };
+    const renderDragHandle = () => (_jsx("div", { className: isDisabled ? 'ff-table-drag' : 'ff-table-drag-icon', ...listeners, ...attributes, children: _jsx("span", { style: {
+                opacity: isDisabled ? '0' : '',
+                cursor: isDisabled ? 'default' : 'grab',
+            }, children: _jsx(Icon, { name: "drag" }) }) }));
+    const renderCheckbox = () => (_jsx("span", { className: tableType && selectedRows[tableType]?.has(row.stepId)
+            ? ''
+            : 'ff-table-checkbox', children: _jsx(Checkbox, { onChange: (e) => onSelectClick(tableType, row, e.target.checked), checked: !!selectedRows[tableType]?.has(row.stepId) }) }));
+    const renderGroupToggle = () => (_jsx("div", { className: `ff-accordion-arrow ${isStepGroupExpanded?.(row?.stepId) ? 'expanded' : ''}`, children: _jsx(Icon, { name: "arrow_right", className: "steps-arrow-svg", color: isStepGroupExpanded?.(row?.stepId)
+                ? 'var(--brand-color)'
+                : 'var(--default-color)', width: 16, height: 16, onClick: () => handleStepGroupExpand?.({ ...row, tableType }) }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { ref: setNodeRef, style: style, className: classNames(tableBodyRowClass, {
+                    'disabled-inner-row': isDisabled,
+                }), children: columns?.map((column, index) => {
+                    return (_jsx(_Fragment, { children: _jsx("td", { style: {
+                                padding: getPadding(index),
+                                maxWidth: column.width,
+                            }, onClick: () => handleOnclick(column, row, indexNumber), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: "ff-data-checkbox-container", children: [index === 0 && draggable && renderDragHandle(), index === 0 && withCheckbox && renderCheckbox(), _jsxs("div", { className: "ff-margin-container", style: {
+                                            marginLeft: index === 0 ? row.marginLeft : 0,
+                                        }, children: [prepareData(row, column, indexNumber, tableType), ['Group', 'PRE', 'POST', 'Script'].includes(row.type) &&
+                                                index === 0 &&
+                                                renderGroupToggle(), column.extraInfo?.({ row, indexNumber, tableType })] })] }) }, `${column.accessor}-${ffid()}`) }));
+                }) }, key), isStepGroupExpanded?.(row?.stepId) && (_jsx(StepGroupAccordions, { data: row.data, columnCount: columns.length, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, tableType: tableType, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded }))] }));
+};
+const PrePostTable = ({ data = [], columns = [], headerType, withCheckbox = false, onSelect, withFixedHeader = true, borderWithRadius = false, noDataContent, height = '100%', className = '', tableBodyRowClass = '', headerTextColor, tableDataTextColor, draggable = false, onDragEnd, loadMore = () => { }, editMode = '', editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, }) => {
+    const observerRef = useRef(null);
+    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 () => {
+            // Cleanup observer
+            observerRef.current?.disconnect();
+        };
+    }, [data, loadMore]);
+    const handleOnclick = (column, row, index) => {
+        let { onClick, accessor } = column;
+        if (onClick && isFunction(onClick)) {
+            onClick(accessor, row, index);
+        }
+    };
+    const onSelectClick = (tableType, rowData, isChecked) => {
+        if (onSelect) {
+            onSelect(tableType, rowData, isChecked);
+        }
+    };
+    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, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row._id || row.stepId), strategy: verticalListSortingStrategy, children: _jsxs("div", { style: { height: height, position: 'relative' }, id: "ff-table-scroll-container", className: classNames(className, {
+                    'ff-fixed-header-steps-table': withFixedHeader,
+                    'steps-border-borderRadius': borderWithRadius,
+                }), children: [_jsxs("table", { className: classNames(`ff-table-steps`), cellSpacing: 0, children: [_jsx("thead", { className: 'steps-inner-thead', children: _jsx("tr", { children: columns?.map((column) => (_jsx("th", { className: classNames(`${headerType && `${headerType}-bg`}`, `${headerTextColor && `${headerTextColor}-color`}`), style: { width: column?.width } }, `${column.header}-${ffid()}`))) }) }), _jsxs("tbody", { className: "ff-steps-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: "steps-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(SortableRow, { row: row, indexNumber: index, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, draggable: draggable, tableType: tableType, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, selectedRows: selectedRows, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded, dataLength: data?.length }));
+                                        return isEditOrNew
+                                            ? renderEditableRow()
+                                            : renderSortableRow();
+                                    }), _jsx("tr", { id: "ff-table-last-node" })] })] }), data?.length <= 0 && (_jsx("div", { className: "steps-no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }) }) }));
+};
+export default PrePostTable;
+//# sourceMappingURL=StepInnerTable.js.map

package/lib/components/StepsLandingTable/Components/StepInnerTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepInnerTable.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/StepInnerTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,cAAc,EAEd,OAAO,GAER,MAAM,OAAO,CAAC;AACf,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AACzE,OAAO,EACL,eAAe,EACf,WAAW,EACX,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,MAAM,WAAW,GAAyB,CAAC,EACzC,GAAG,EACH,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,GAAG,EAAE,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,GAAG,EAAE,UAAU,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,YAAY,EACnE,CAAC,GAAG,EAAE,UAAU,CAAC,CAClB,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAChE,WAAW,CAAC;QACV,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,MAAM;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAC;IAEL,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACX,CAAC,EACF,CAAC,SAAS,EAAE,UAAU,CAAC,CACxB,CAAC;IACF,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC;IAElC,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE;QAC3C,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QACvD,CAAC;QACD,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAC5D,CAAC;QACD,OAAO,kBAAkB,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,cACE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,KAC1D,SAAS,KACT,UAAU,YAEd,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC9B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;aACxC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACf,GACH,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC3B,eACE,SAAS,EACP,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC;YACnD,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,mBAAmB,YAGzB,KAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAChE,OAAO,EAAE,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GACnD,GACG,CACR,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,cACE,SAAS,EAAE,sBACT,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EACpD,EAAE,YAEF,KAAC,IAAI,IACH,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EACH,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC;gBAChC,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,sBAAsB,EAE5B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,CAAC,GAC7D,GACE,CACP,CAAC;IACF,OAAO,CACL,8BACE,aACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EAEZ,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oBACvC,oBAAoB,EAAE,UAAU;iBACjC,CAAC,YAED,OAAO,EAAE,GAAG,CAAC,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE;oBAC3C,OAAO,CACL,4BACE,aAEE,KAAK,EAAE;gCACL,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC;gCAC1B,QAAQ,EAAE,MAAM,CAAC,KAAK;6BACvB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,YAEtD,MAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAE,kBAAkB,EACzB,SAAS,EAAC,4BAA4B,aAErC,KAAK,KAAK,CAAC,IAAI,SAAS,IAAI,gBAAgB,EAAE,EAC9C,KAAK,KAAK,CAAC,IAAI,YAAY,IAAI,cAAc,EAAE,EAChD,eACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;4CACL,UAAU,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;yCAC7C,aAEA,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,EAEhD,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gDACpD,KAAK,KAAK,CAAC;gDACX,iBAAiB,EAAE,EACpB,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,IAChD,IACK,IA3BR,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,EAAE,EAAE,CA4BhC,GACJ,CACJ,CAAC;gBACJ,CAAC,CAAC,IAxCG,GAAG,CAyCL,EACJ,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CACrC,KAAC,mBAAmB,IAClB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,WAAW,EAAE,OAAO,CAAC,MAAM,EAC3B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,GACxC,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,KAAK,EACxB,aAAa,EACb,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,EAAE,EACd,iBAAiB,GAAG,EAAE,EACtB,eAAe,EACf,kBAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,YAAY,EACZ,MAAM,EACN,eAAe,EACf,SAAS,EACT,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,GACD,EAAE,EAAE;IACtB,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAC7C,2BAA2B,CAC5B,CAAC;QACF,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;QAE/D,sDAAsD;QACtD,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAC5C,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,MAAM,SAAS,GACb,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC/D,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,eAAe;YACrB,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,GAAG;SACf,CACF,CAAC;QAEF,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACvC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,mBAAmB;YACnB,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,aAAa,GAAG,CACpB,MAAoB,EACpB,GAAc,EACd,KAAa,EACb,EAAE;QACF,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QACnC,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,SAAiB,EACjB,OAA0B,EAC1B,SAAkB,EAClB,EAAE;QACF,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;QAC5C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;YAAE,OAAO;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAC7B,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACnE,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAC7B,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAC/D,CAAC;QAEF,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,CAAC,CAAC;YAAE,OAAO;QAC/C,IAAI,SAAS;YAAE,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IACT,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,YAExB,KAAC,eAAe,IACd,QAAQ,EAAE,CAAC,SAAS,EACpB,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,EACrD,QAAQ,EAAE,2BAA2B,YAErC,eACE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC/C,EAAE,EAAC,2BAA2B,EAC9B,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,6BAA6B,EAAE,eAAe;oBAC9C,2BAA2B,EAAE,gBAAgB;iBAC9C,CAAC,aAEF,iBAAO,SAAS,EAAE,UAAU,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC,aAC5D,gBAAO,SAAS,EAAE,mBAAmB,YACnC,uBACG,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,aACE,SAAS,EAAE,UAAU,CACnB,GAAG,UAAU,IAAI,GAAG,UAAU,KAAK,EAAE,EACrC,GAAG,eAAe,IAAI,GAAG,eAAe,QAAQ,EAAE,CACnD,EAED,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAD1B,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,EAAE,EAAE,CAE7B,CACP,CAAC,GACC,GACC,EACR,iBAAO,SAAS,EAAC,gBAAgB,aAC/B,aAAI,EAAE,EAAC,qBAAqB,GAAG,EAC9B,YAAY,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC,EAAE,GAAG,CACpC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;wCAC1B,MAAM,MAAM,GAAG,QAAQ,KAAK,GAAG,CAAC,MAAM,CAAC;wCACvC,MAAM,WAAW,GAAG,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC;wCAExC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,cAA8B,SAAS,EAAC,gBAAgB,aACrD,MAAM,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,CAC1C,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACxB,YAAY,CAAC,aAA6B,EAAE;wDAC3C,OAAO,EAAE,GAAG;wDACZ,QAAQ,EAAE,KAAK,GAAG,CAAC;qDACpB,CAAC,GACC,CACN,EACA,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,cAAc,CAAC,YAAY,CAAC,IAAI,CACvD,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACxB,YAAY,CAAC,YAA4B,EAAE;wDAC1C,QAAQ,EAAE,KAAK;wDACf,OAAO,EAAE,GAAG;qDACb,CAAC,GACC,CACN,KAhBM,GAAG,CAAC,MAAM,IAAI,KAAK,CAiBvB,CACN,CAAC;wCAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,KAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,IAAI,EAAE,MAAM,GACxB,CACH,CAAC;wCAEF,OAAO,WAAW;4CAChB,CAAC,CAAC,iBAAiB,EAAE;4CACrB,CAAC,CAAC,iBAAiB,EAAE,CAAC;oCAC1B,CAAC,CACF,EACD,aAAI,EAAE,EAAC,oBAAoB,GAAG,IACxB,IACF,EACP,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,CACpB,cACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,MAAM,UAAU,EAAE,YAE1C,aAAa,GACV,CACP,IACG,GACU,GACP,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/StepsLandingTable/Components/Types.d.ts

@@ -0,0 +1,180 @@
+import React, { 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;
+    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';
+    sourceIndex?: number;
+}
+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?: (tableType: string, rowData: any, isChecked: boolean) => void;
+    selectedRows?: any;
+    /**
+     * 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;
+    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
+     */
+    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?: VoidFunction;
+    tableType?: string;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    handleClick?: (item: DataProps) => void;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+}
+export interface StepGroupAccordionsProp {
+    data: DataProps[];
+    level?: number;
+    columnCount?: number;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    tableType?: string;
+    handleClick?: (item: DataProps) => void;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+}
+export interface TableMainRowProp {
+    row: DataProps;
+    columns: DataProps;
+    tableBodyRowClass?: string;
+    handleOnclick?: any;
+    tableDataTextColor?: string;
+    withCheckbox?: boolean;
+    onSelectClick?: any;
+    draggable?: boolean | undefined;
+    indexNumber?: number;
+    tableType?: string;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    selectedRows?: any;
+    handleClick?: (item: DataProps) => void;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+    dataLength?: number;
+}
+export interface FormValues {
+    ifFailed: string | null;
+}

package/lib/components/StepsLandingTable/Components/Types.js

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

package/lib/components/StepsLandingTable/Components/Types.js.map

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

package/lib/components/StepsLandingTable/Components/index.d.ts

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

package/lib/components/StepsLandingTable/Components/index.js

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

package/lib/components/StepsLandingTable/Components/index.js.map

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

package/lib/components/StepsLandingTable/StepLandingTable.d.ts

@@ -0,0 +1,5 @@
+import './StepLandingTable.scss';
+import '../../../index.scss';
+import { TableProps } from './types';
+declare const StepLandingTable: ({ tableMeta, tableData, noDataContent, height, withFixedHeader, headerType, handleDragStart, onDragEnd, editMode, editComponent, NlpComponent, AddNlp, handleAccordion, handleViewComponent, onSelectClick, loading, isViewPrivilegeMode, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default StepLandingTable;