saurabh-table-dnd-edit 1.1.0

package/lib/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import PhoneInput from 'react-phone-input-2';
+import Typography from '../Typography';
+import './phoneInput.scss';
+import { isValidPhoneNumber } from 'react-phone-number-input';
+const PhoneInputField = ({ country, value: initialValue, onChange, width = '100%', placeholder = 'Enter phone number', onFocus, onBlur, id, dropdownStyle = {}, enableAreaCodeStretch = false, disabled = false, isValid: initialIsValid = true, isVerified = false, isVerifyDisplay = false, onVerifyClick = () => { }, onValidationChange = () => { }, }) => {
+    const [phone, setPhone] = useState(initialValue);
+    const [isFocused, setIsFocused] = useState(false);
+    const [isValid, setIsValid] = useState(initialIsValid);
+    const [selectedCountry, setSelectedCountry] = useState(country);
+    useEffect(() => {
+        if (initialValue) {
+            let formattedPhone = initialValue;
+            if (!formattedPhone.startsWith('+')) {
+                formattedPhone = `+${formattedPhone}`;
+            }
+            setPhone(formattedPhone);
+        }
+    }, [initialValue]);
+    const validatePhoneNumber = (phoneNumber) => {
+        const isPhoneValid = isValidPhoneNumber(phoneNumber);
+        const isOnlyCountryCode = !!phoneNumber && phoneNumber.replace(/[^\d]/g, '').length <= 3;
+        const isValidNumber = isPhoneValid || isOnlyCountryCode;
+        setIsValid(isValidNumber);
+        onValidationChange(isValidNumber);
+    };
+    const handlePhoneChange = (phone, countryData) => {
+        const newCountryCode = countryData?.countryCode?.toLowerCase();
+        const cleanedPhone = phone.replace(/[^0-9+]/g, '');
+        if (selectedCountry?.toLowerCase() !== newCountryCode) {
+            setPhone(countryData?.dialCode);
+            onChange(countryData?.dialCode);
+            setSelectedCountry(newCountryCode);
+            setIsValid(true);
+            return;
+        }
+        let formattedPhone = cleanedPhone;
+        if (!formattedPhone.startsWith('+')) {
+            formattedPhone = `+${formattedPhone}`;
+        }
+        setPhone(formattedPhone);
+        onChange(formattedPhone);
+        validatePhoneNumber(formattedPhone);
+    };
+    const handleFocus = (event) => {
+        setIsFocused(true);
+        if (onFocus)
+            onFocus(event);
+    };
+    const handleBlur = (event) => {
+        setIsFocused(false);
+        if (onBlur)
+            onBlur(event);
+        validatePhoneNumber(phone);
+    };
+    return (_jsxs("div", { id: id, children: [_jsx(PhoneInput, { specialLabel: "", countryCodeEditable: false, country: country, value: phone, onChange: handlePhoneChange, inputStyle: {
+                    width,
+                    height: '32px',
+                    border: isFocused
+                        ? '1px solid var(--brand-color)'
+                        : !isValid
+                            ? '1px solid var(--error_light)'
+                            : '1px solid var(--default-color)',
+                    borderRadius: '4px',
+                    fontSize: '14px',
+                    transition: 'border-color 0.3s ease',
+                }, enableSearch: true, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, dropdownStyle: dropdownStyle, enableAreaCodeStretch: enableAreaCodeStretch, disabled: disabled }), !isValid && !isFocused && (_jsx(Typography, { color: 'var(--error_light)', className: "error", fontSize: 10, children: "Invalid phone number format" })), isVerified ? (_jsx(Typography, { color: "var(--phone-number-verified-color)", children: "Verified" })) : (isValidPhoneNumber(phone) &&
+                isVerifyDisplay &&
+                !isVerified && (_jsx(Typography, { color: "var(--brand-color)", className: "cursor_pointer", onClick: onVerifyClick, children: "Verify" })))] }));
+};
+export default PhoneInputField;
+//# sourceMappingURL=PhoneInput.js.map

package/lib/components/PhoneInput/PhoneInput.js.map

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

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

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

package/lib/components/PhoneInput/index.js

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

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

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

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

@@ -0,0 +1,26 @@
+export interface PhoneInputProps {
+    country: string;
+    value: string;
+    onChange: (phone: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    width?: string;
+    placeholder?: string;
+    isValid: any;
+    id: string;
+    international?: boolean;
+    dropdownStyle?: React.CSSProperties;
+    enableAreaCodeStretch?: boolean;
+    defaultCountry?: string;
+    disabled?: boolean;
+    isVerified?: boolean;
+    isVerifyDisplay?: boolean;
+    onVerifyClick?: () => void;
+    onValidationChange?: (isValid: boolean) => void;
+}
+export type CountryData = {
+    name: string;
+    dialCode: string;
+    countryCode: string;
+    format?: string;
+};

package/lib/components/PhoneInput/types.js

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

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

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

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

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

package/lib/components/PopUpModal/PopUpModal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './PopUpModal.scss';
+import Modal from '../Modal';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Button from '../Button';
+const PopUpModal = ({ isOpen, onClose, onContinue, titleMessage = 'Warning!', subTitleMessage = 'Unsaved Changes.', iconName, modalMessage = 'Your web service data will be lost. Are you sure you want to exit?', firstButtonLabel = 'Cancel', secondButtonLabel = 'Continue', buttonVariant = 'warning', border = '1px solid var(--warning-modal-border-color)', popupWidth = '420', popupHeight = '226', colorForTitleMessage = 'var(--status-button-bg-warning)', footerContent, firstButtonDisabled = false, secondButtonDisabled = false, zIndex = 1100, iconSize = 94, }) => {
+    return (_jsx(Modal, { overlayClassName: "custom-overlay", isOpen: isOpen, onClose: onClose, isHeaderDisplayed: false, zIndex: zIndex, children: _jsxs("div", { className: 'warning_modal_container', children: [_jsxs("div", { className: 'warning_modal_content', children: [_jsx(Icon, { name: iconName, className: 'warning_modal_icon', width: iconSize, height: iconSize }), _jsxs("div", { className: 'warning_modal_message', children: [_jsxs(Typography, { fontSize: 20, fontWeight: "semi-bold", className: "warning_modal_title_wrapper", children: [' ', _jsxs(Typography, { color: `${colorForTitleMessage}`, fontSize: 20, fontWeight: "semi-bold", children: [' ', titleMessage, ' '] }), ' ', subTitleMessage] }), _jsxs("div", { className: "warning_modal_message_wrapper", children: [_jsx(Typography, { fontSize: 16, children: modalMessage }), _jsx(Typography, { as: "div", children: footerContent })] })] })] }), _jsxs("div", { className: 'warning_modal_footer_button', children: [_jsx(Button, { buttonHeight: "24px", variant: "secondary", label: firstButtonLabel, onClick: onClose, disabled: firstButtonDisabled }), secondButtonLabel && (_jsx(Button, { buttonHeight: "24px", variant: buttonVariant || 'warning', label: secondButtonLabel, onClick: onContinue, disabled: secondButtonDisabled }))] })] }), ariaHideApp: true, isFooterDisplayed: false, customWidth: `${popupWidth}px`, customHeight: `${popupHeight}px`, boxShadow: "0px 1px 4px 0px var(--toaster-boxshadow)", border: border }));
+};
+export default PopUpModal;
+//# sourceMappingURL=PopUpModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopUpModal.js","sourceRoot":"","sources":["../../../src/components/PopUpModal/PopUpModal.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,UAAU,GAAwB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,UAAU,EACV,YAAY,GAAG,UAAU,EACzB,eAAe,GAAG,kBAAkB,EACpC,QAAQ,EACR,YAAY,GAAG,oEAAoE,EACnF,gBAAgB,GAAG,QAAQ,EAC3B,iBAAiB,GAAG,UAAU,EAC9B,aAAa,GAAG,SAAS,EACzB,MAAM,GAAG,6CAA6C,EACtD,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,iCAAiC,EACxD,aAAa,EACb,mBAAmB,GAAG,KAAK,EAC3B,oBAAoB,GAAG,KAAK,EAC5B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,EAAE,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,KAAK,IACJ,gBAAgB,EAAC,gBAAgB,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EACN,eAAK,SAAS,EAAE,yBAAyB,aACvC,eAAK,SAAS,EAAE,uBAAuB,aACrC,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,GAChB,EACF,eAAK,SAAS,EAAE,uBAAuB,aACrC,MAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,WAAW,EACtB,SAAS,EAAC,6BAA6B,aAEtC,GAAG,EACJ,MAAC,UAAU,IACT,KAAK,EAAE,GAAG,oBAAoB,EAAE,EAChC,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,WAAW,aAErB,GAAG,EACH,YAAY,EAAE,GAAG,IACP,EAAC,GAAG,EAChB,eAAe,IACL,EACb,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YAAG,YAAY,GAAc,EACrD,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,YAAE,aAAa,GAAc,IAC7C,IACF,IACF,EACN,eAAK,SAAS,EAAE,6BAA6B,aAC3C,KAAC,MAAM,IACL,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,mBAAmB,GAC7B,EACD,iBAAiB,IAAI,CACpB,KAAC,MAAM,IACL,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,aAAa,IAAI,SAAS,EACnC,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,oBAAoB,GAC9B,CACH,IACG,IACF,EAER,WAAW,QACX,iBAAiB,EAAE,KAAK,EACxB,WAAW,EAAE,GAAG,UAAU,IAAI,EAC9B,YAAY,EAAE,GAAG,WAAW,IAAI,EAChC,SAAS,EAAC,0CAA0C,EACpD,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,22 @@
+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;
+    iconSize?: 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: import("react").ForwardRefExoticComponent<PrePostTableProps & import("react").RefAttributes<any>>;
+export default PrePostTable;

package/lib/components/PrePostTable/PrePostTable.js

@@ -0,0 +1,145 @@
+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 { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { useEffect, useRef, cloneElement, isValidElement, useState, forwardRef, useImperativeHandle, } from 'react';
+import DraggableTableRow from './components/DraggableTableRow';
+import { appendNewRow } from '../../utils/AppendNewRow/AppendNewRow';
+import { scrollToView } from '../../utils/ScrollToview/ScrollToView';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const PrePostTable = forwardRef(({ 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, scriptType = false, }, ref) => {
+    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)) {
+            if (viewModeId)
+                toggleViewRow(null);
+            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;
+            });
+        }
+    };
+    // const resetStepGroupAccordion = () => {
+    //   setExpandStepGroup(new Map());
+    // };
+    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);
+    };
+    useEffect(() => {
+        scrollToView('getInFocus');
+    }, [AddNlp, viewModeId]);
+    if (ref) {
+        useImperativeHandle(ref, () => ({
+            resetStepGroupAccordion: () => {
+                setExpandStepGroup(new Map());
+            },
+        }));
+    }
+    return (_jsx(DndContext, { collisionDetection: closestCorners, onDragStart: () => {
+            handleDragStart?.();
+            expandStepGroup.clear();
+        }, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis], children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row.stepId || row._id), strategy: verticalListSortingStrategy, children: _jsxs("div", { style: { height: height }, 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-pre-post-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", { id: "getInFocus", 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, scriptType: scriptType }));
+                                        return isEditOrNew
+                                            ? renderEditableRow()
+                                            : renderSortableRow();
+                                    }), _jsx("tr", { id: "ff-table-last-node" })] })] }), checkEmpty(data) && checkEmpty(AddNlp) && (_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":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACL,eAAe,EACf,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,cAAc,EAEd,QAAQ,EACR,UAAU,EACV,mBAAmB,GACpB,MAAM,OAAO,CAAC;AACf,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,KAAK,EACxB,sBAAsB,GAAG,KAAK,EAC9B,aAAa,EACb,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,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,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,UAAU,GAAG,KAAK,GACnB,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAa,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,aAAa,GAAG,CAAC,GAAQ,EAAE,EAAE;QACjC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,IAAS,EAAE,EAAE;QAChC,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAC7D,IAAI,SAAS,EAAE,CAAC;YACd,gBAAgB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,IAAI,GAAG,EAAmB,CAC3B,CAAC;IACF,MAAM,mBAAmB,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5E,MAAM,qBAAqB,GAAG,CAAC,OAAY,EAAE,EAAE;QAC7C,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;YAC1C,IAAI,UAAU;gBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;YACpC,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC7B,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;oBAChC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBACjC,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;gBACpC,CAAC;gBACD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,0CAA0C;IAC1C,mCAAmC;IACnC,KAAK;IAEL,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,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,CAAC,CAAS,EAAE,IAAuB,EAAE,EAAE;QAC3D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACpB,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,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IACzB,IAAI,GAAG,EAAE,CAAC;QACR,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC9B,uBAAuB,EAAE,GAAG,EAAE;gBAC5B,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,OAAO,CACL,KAAC,UAAU,IACT,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,GAAG,EAAE;YAChB,eAAe,EAAE,EAAE,CAAC;YACpB,eAAe,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC,EACD,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,CAAC,sBAAsB,CAAC,YAEnC,KAAC,eAAe,IACd,QAAQ,EAAE,CAAC,SAAS,EACpB,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,EACrD,QAAQ,EAAE,2BAA2B,YAErC,eACE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,EAAE,EAAC,2BAA2B,EAC9B,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,wBAAwB,EAAE,eAAe;oBACzC,yBAAyB,EAAE,gBAAgB;iBAC5C,CAAC,aAEF,iBAAO,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC,aAC/D,gBACE,SAAS,EAAE,UAAU,CACnB;oCACE,iBAAiB,EAAE,eAAe;iCACnC,EACD,cAAc,CACf,YAED,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,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,YAE/B,MAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,WAAW,EACtB,SAAS,EAAC,6BAA6B,EACvC,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,2BAA2B,aAEhC,KAAK,KAAK,CAAC,IAAI,YAAY,IAAI,CAC9B,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4DACd,aAAa,CAAC,CAAC,EAAE;gEACf,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;6DAC9B,CAAC,CAAC;wDACL,CAAC,EACD,OAAO,EACL,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EAEjD,OAAO,EAAE,CAAC,CAAC,eAAe,EAC1B,QAAQ,EAAE,sBAAsB,GAChC,GACG,CACR,EAEA,MAAM,CAAC,MAAM,IACH,IA5BR,MAAM,CAAC,MAAM,CA6Bf,CACN,CAAC,GACC,GACC,EACR,iBAAO,SAAS,EAAC,iBAAiB,aAChC,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,cAEE,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,cAAc,aAEvB,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;oDACR,CAAC,MAAM;oDACP,cAAc,CAAC,YAAY,CAAC,IAAI,CAC9B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACxB,YAAY,CAAC,YAA4B,EAAE;wDAC1C,QAAQ,EAAE,KAAK;wDACf,OAAO,EAAE,GAAG;qDACb,CAAC,GACC,CACN,KArBE,GAAG,CAAC,MAAM,IAAI,KAAK,CAsBrB,CACN,CAAC;wCAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,KAAC,iBAAiB,IAChB,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,UAAU,EAAE,IAAI,EAAE,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;wCAEF,OAAO,WAAW;4CAChB,CAAC,CAAC,iBAAiB,EAAE;4CACrB,CAAC,CAAC,iBAAiB,EAAE,CAAC;oCAC1B,CAAC,CACF,EAED,aAAI,EAAE,EAAC,oBAAoB,GAAG,IACxB,IACF,EACP,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CACzC,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,MAAM,UAAU,EAAE,YAE1C,aAAa,GACV,CACP,IACG,GACU,GACP,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}

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;
+    scriptType?: boolean;
+}
+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;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    handleClick?: (item: DataProps) => void;
+    handleStepGroupExpand?: (item: DataProps) => void;
+    isStepGroupExpanded?: (stepId: string) => boolean;
+    dataLength?: number;
+    scriptType?: boolean;
+}
+export interface PrePostStepAccordionsProps {
+    data: DataProps[];
+    level?: number;
+    columnCount?: number;
+    viewModeId?: string | null;
+    ViewComponent?: React.FC | null;
+    handleClick?: (item: DataProps) => void;
+    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,4 @@
+import { TableMainRow } from '../Types';
+import '../PrePostTable.scss';
+declare const _default: import("react").NamedExoticComponent<TableMainRow>;
+export default _default;

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, memo } 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 = 0, dataLength = 0, viewModeId, ViewComponent, handleClick, handleStepGroupExpand, isStepGroupExpanded, scriptType, }) => {
+    const isDisabled = row?.isDisabled;
+    const rowId = row?._id || row?.stepId;
+    const isPrePostTable = scriptType ? row.cascaded === 'cascaded' : false;
+    const isDragDisabled = isDisabled || dataLength <= 1 || isPrePostTable;
+    let serialNumber = (indexNumber + 1).toString();
+    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);
+    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-pre-post-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(Icon, { name: "drag", className: isDragDisabled ? 'drag-icon-disabled' : 'drag-icon' }) })), prepareData(row, column, indexNumber), firstColumn && ['PRE', 'POST', 'Group'].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: 12, height: 12, className: "pre-arrow-svg", onClick: () => {
+                                            handleStepGroupExpand?.({ ...row, serialNumber });
+                                        } }) })), 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 memo(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":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,iBAAiB,GAAqB,CAAC,EAC3C,GAAG,EACH,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,GAAG,EAAE,UAAU,CAAC;IACnC,MAAM,KAAK,GAAG,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,MAAM,CAAC;IACtC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACxE,MAAM,cAAc,GAAG,UAAU,IAAI,UAAU,IAAI,CAAC,IAAI,cAAc,CAAC;IACvE,IAAI,YAAY,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAChD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAChE,WAAW,CAAC;QACV,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,cAAc;KACzB,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;IAEF,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAEnD,OAAO,CACL,8BACE,aACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EAEZ,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oBACvC,cAAc,EAAE,UAAU;iBAC3B,CAAC,YAED,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE;oBAC1C,MAAM,WAAW,GAAG,KAAK,KAAK,CAAC,CAAC;oBAChC,OAAO,CACL,aAEE,KAAK,EAAE,EAAE,WAAW,EAAE,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,EAChD,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;4BACtC,gBAAgB,EAAE,MAAM,CAAC,OAAO;yBACjC,CAAC,YAEF,MAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAE,kBAAkB,EACzB,SAAS,EAAC,4BAA4B,aAErC,WAAW,IAAI,YAAY,IAAI,CAC9B,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC,EACtC,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,QAAQ,EAAE,CAAC,CAAC,UAAU,GACtB,GACG,CACR,EACA,WAAW,IAAI,SAAS,IAAI,CAC3B,cACE,SAAS,EACP,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,KAEjD,SAAS,KACT,UAAU,YAEd,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,SAAS,EACP,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,GAErD,GACE,CACP,EACA,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,CAAC,EACrC,WAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAC7D,cACE,SAAS,EAAE,uBACT,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC1B,EAAE,YAEF,KAAC,IAAI,IACH,IAAI,EAAC,aAAa,EAClB,KAAK,EACH,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAE1D,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE;4CACZ,qBAAqB,EAAE,CAAC,EAAE,GAAG,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;wCACpD,CAAC,GACD,GACE,CACP,EACA,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,IAChD,IA3DR,GAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,EAAE,CA4D9B,CACN,CAAC;gBACJ,CAAC,CAAC,IAvEG,KAAK,CAwEP,EACJ,QAAQ,IAAI,CACX,KAAC,qBAAqB,IACpB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,WAAW,EAAE,OAAO,CAAC,MAAM,EAC3B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,GACxC,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC"}

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;