pixel-react 1.20.17 → 1.20.19

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

@@ -1,386 +1 @@
-const getEndNlpName = (row) => {
-    const nlpMapping = {
-        IfCondition: 'EndIfCondition',
-        StartForLoop: 'EndForLoop',
-        StartIteration: 'EndIteration',
-        ElseIfCondition: 'EndElseIfCondition',
-        ElseCondition: 'EndElseCondition',
-    };
-    return nlpMapping[row.nlpName] || row.nlpName;
-};
-const isElseIfConditions = (row) => {
-    return ['ElseIfCondition', 'ElseCondition'].includes(row?.nlpName);
-};
-const getStepsTableData = (tableData, sectionTitle = 'Steps') => {
-    const section = tableData.find((item) => item?.title === sectionTitle);
-    return section?.data ?? [];
-};
-// Memoized block map to avoid recomputation
-let cachedBlockMap = null;
-let cachedTableData = null;
-const getBlockMap = (tableData) => {
-    // Check if tableData has changed
-    if (cachedTableData === tableData && cachedBlockMap) {
-        return cachedBlockMap;
-    }
-    const getStepData = getStepsTableData(tableData);
-    const blockMap = new Map();
-    // Returns a key for grouping steps.
-    const getBlockKey = (step) => step.specialNlpId ?? step.conditionSearchKey ?? null;
-    // Finds the corresponding end row based on the start row.
-    const getEndNlpRowData = (row) => {
-        const endNlpName = getEndNlpName(row);
-        const steps = getStepData;
-        if (row?.conditionId !== undefined &&
-            row?.conditionSearchKey !== undefined &&
-            !row.specialNlpId) {
-            const conditionKey = row.conditionId === row.conditionSearchKey
-                ? row.conditionId
-                : row.conditionSearchKey;
-            return (steps.find((item) => item.conditionSearchKey === conditionKey &&
-                item.nlpName === endNlpName) || null);
-        }
-        // For for-loop steps using specialNlpId.
-        if (row.specialNlpId) {
-            return (steps.find((item) => item.specialNlpId === row.specialNlpId &&
-                item.nlpName === endNlpName) || null);
-        }
-        return null;
-    };
-    // Retrieves the child step IDs between a start and an end row.
-    const getChildIds = (startRow, endRow, childOnly) => {
-        const steps = getStepData;
-        const startIndex = steps.findIndex((item) => item.stepId === startRow?.stepId);
-        const endIndex = steps.findIndex((item) => item.stepId === endRow?.stepId);
-        return childOnly
-            ? steps.slice(startIndex + 1, endIndex).map((item) => item.stepId)
-            : steps.slice(startIndex, endIndex + 1).map((item) => item.stepId);
-    };
-    getStepData?.forEach((step) => {
-        const key = getBlockKey(step);
-        if (!key)
-            return;
-        const blockEntry = blockMap.get(key) || {
-            start: null,
-            end: null,
-            childIds: [],
-            allIds: [],
-        };
-        // If this is a starting special NLP step, determine its matching end and children.
-        if (step?.isSpecialNlp && step.name?.startsWith('Start')) {
-            blockEntry.start = step;
-            const correspondingEndRow = getEndNlpRowData(step);
-            if (correspondingEndRow) {
-                blockEntry.end = correspondingEndRow;
-                blockEntry.childIds = getChildIds(step, correspondingEndRow, true);
-                blockEntry.allIds = getChildIds(step, correspondingEndRow, false);
-            }
-        }
-        blockMap.set(key, blockEntry);
-    });
-    // Cache the result
-    cachedBlockMap = blockMap;
-    cachedTableData = tableData;
-    return blockMap;
-};
-const getParentConditionKey = (key) => key.includes('/') ? key.split('/').slice(0, -1).join('/') : key;
-const getGreatParentConditionKey = (key) => key.includes('/') ? key.split('/')[0] || key : key;
-export const updateCheckboxStatus = (tableData, row, isChecked, selectedRows, stepPartialSelect, sectionTitle = 'Steps') => {
-    // Create a new Set from the current selection for the given section.
-    const updatedSelectSet = new Set(selectedRows[sectionTitle]);
-    // Only run the special NLP handling if we're in the Steps section and the row qualifies.
-    if (sectionTitle === 'Steps' &&
-        (row?.isSpecialNlp || row?.conditionId || row?.parentSpecialNlpId)) {
-        const { updateStepPartialSelect } = handleSpecialNlp(row);
-        return {
-            updateSelectRow: { ...selectedRows, [sectionTitle]: updatedSelectSet },
-            updateStepPartialSelect,
-        };
-    }
-    // For regular rows, update the set based on the isChecked flag.
-    isChecked
-        ? updatedSelectSet.add(row.stepId)
-        : updatedSelectSet.delete(row.stepId);
-    return {
-        updateSelectRow: { ...selectedRows, [sectionTitle]: updatedSelectSet },
-    };
-    // ----------------------- Helper functions -----------------------
-    function handleSpecialNlp(currentRow) {
-        const updateStepPartialSelect = new Set(stepPartialSelect);
-        const blockMap = getBlockMap(tableData);
-        // Recursively update children based on parent condition.
-        const updateIfCondition = (row) => {
-            const key = row?.conditionSearchKey;
-            const parentKey = getParentConditionKey(key);
-            const parentData = blockMap.get(parentKey);
-            if (parentData &&
-                parentData.start.nlpName === 'IfCondition' &&
-                parentData?.start?.marginLeft === 0) {
-                updateChild(parentData.start);
-            }
-            if (parentData?.start?.conditionSearchKey?.includes('/') &&
-                (parentData?.start.nlpName !== 'IfCondition' ||
-                    parentData?.start?.marginLeft !== 0)) {
-                updateIfCondition(parentData.start);
-            }
-        };
-        // Updates the child selection for a given row.
-        const updateChild = (row) => {
-            if (row?.isSpecialNlp) {
-                const key = row?.specialNlpId || row?.conditionSearchKey;
-                const blockEntry = key && blockMap.get(key);
-                if (blockEntry && Array.isArray(blockEntry.allIds)) {
-                    blockEntry.allIds.forEach((id) => {
-                        updateStepPartialSelect.delete(id);
-                        isChecked ? updatedSelectSet.add(id) : updatedSelectSet.delete(id);
-                    });
-                }
-            }
-            else {
-                isChecked
-                    ? updatedSelectSet.add(row?.stepId)
-                    : updatedSelectSet.delete(row?.stepId);
-            }
-        };
-        // Recursively update parent selections based on the current row.
-        const updateParent = (updateParentData) => {
-            let visited = true;
-            const recursiveUpdate = (parentData) => {
-                const childIds = parentData?.childIds;
-                if (isElseIfConditions(parentData?.start)) {
-                    const ifParentId = getGreatParentConditionKey(parentData?.start?.conditionSearchKey);
-                    const ifParentData = blockMap.get(ifParentId);
-                    const ifStartId = ifParentData?.start?.stepId;
-                    const isIfBlockPartial = stepPartialSelect.has(ifStartId);
-                    if (isChecked && !isIfBlockPartial)
-                        updateIfCondition(currentRow);
-                }
-                if (childIds?.length === 0)
-                    return;
-                const allChildrenChecked = childIds.every(id => updatedSelectSet.has(id));
-                const someChildrenChecked = childIds.some(id => updatedSelectSet.has(id));
-                if (allChildrenChecked) {
-                    updatedSelectSet.add(parentData.start?.stepId);
-                    updatedSelectSet.add(parentData.end?.stepId);
-                }
-                else {
-                    updatedSelectSet.delete(parentData.start?.stepId);
-                    updatedSelectSet.delete(parentData.end?.stepId);
-                }
-                if (someChildrenChecked && !allChildrenChecked) {
-                    updateStepPartialSelect.add(parentData.start?.stepId);
-                    updateStepPartialSelect.add(parentData.end?.stepId);
-                }
-                else {
-                    updateStepPartialSelect.delete(parentData.start?.stepId);
-                    updateStepPartialSelect.delete(parentData.end?.stepId);
-                }
-                // Recurse upward if there is a parent reference.
-                if (parentData?.start?.parentSpecialNlpId) {
-                    const grandParent = blockMap.get(parentData.start.parentSpecialNlpId);
-                    if (grandParent)
-                        recursiveUpdate(grandParent);
-                }
-                if (parentData?.start?.conditionSearchKey) {
-                    const parentKey = getParentConditionKey(parentData?.start?.conditionSearchKey);
-                    const conditionSearchKey = parentData?.start?.conditionSearchKey;
-                    const conditionId = parentData?.start?.conditionId;
-                    if (conditionSearchKey === conditionId && visited) {
-                        visited = false;
-                        const grandParent = blockMap.get(parentKey);
-                        if (grandParent)
-                            recursiveUpdate(grandParent);
-                        return;
-                    }
-                    // Skip if conditionSearchKey equals conditionId.
-                    if (conditionSearchKey === conditionId)
-                        return;
-                    const grandParent = blockMap.get(parentKey);
-                    if (grandParent)
-                        recursiveUpdate(grandParent);
-                    return;
-                }
-            };
-            //isParent if isChild
-            if (updateParentData?.conditionSearchKey ===
-                updateParentData?.conditionId &&
-                !updateParentData?.parentSpecialNlpId &&
-                updateParentData?.specialNlpId) {
-                const parentData = blockMap.get(updateParentData?.conditionSearchKey);
-                if (parentData) {
-                    recursiveUpdate(parentData);
-                }
-                return;
-            }
-            if (!updateParentData?.conditionSearchKey &&
-                !updateParentData?.conditionId &&
-                updateParentData?.specialNlpId &&
-                !updateParentData?.parentSpecialNlpId) {
-                return;
-            }
-            if (updateParentData?.conditionSearchKey &&
-                updateParentData?.conditionSearchKey ===
-                    updateParentData?.conditionId &&
-                updateParentData?.conditionId &&
-                updateParentData?.specialNlpId) {
-                const parentData = blockMap.get(updateParentData?.conditionSearchKey);
-                if (parentData) {
-                    recursiveUpdate(parentData);
-                }
-            }
-            if (updateParentData?.parentSpecialNlpId) {
-                const parentData = blockMap.get(updateParentData?.parentSpecialNlpId);
-                if (parentData) {
-                    recursiveUpdate(parentData);
-                }
-            }
-            if (updateParentData?.conditionSearchKey) {
-                // logic --> If user Deselect  only  "If Block" the "Else-if" and "Else Block" Should Deselect
-                const realIfBlock = blockMap.get(updateParentData?.conditionSearchKey);
-                const allChildIds = realIfBlock.childIds;
-                let selectedCount = 0;
-                allChildIds.forEach((id) => {
-                    if (updatedSelectSet.has(id)) {
-                        selectedCount++;
-                    }
-                });
-                const isIfBlockPartial = selectedCount > 0 && selectedCount < allChildIds.length;
-                const isIfBlockFullyUnselected = selectedCount === 0;
-                const currentKey = updateParentData?.conditionSearchKey;
-                const isRootIfCondition = !currentKey.includes('/');
-                if (isRootIfCondition &&
-                    currentKey &&
-                    !isChecked &&
-                    !isIfBlockPartial &&
-                    isIfBlockFullyUnselected) {
-                    const currentId = updateParentData?.conditionId;
-                    let siblings = [];
-                    if (blockMap && currentId) {
-                        for (const [key, value] of blockMap.entries()) {
-                            if (key.includes(currentId) && key.includes('/')) {
-                                siblings.push(value);
-                            }
-                        }
-                    }
-                    // Now remove only ELSE IF or ELSE blocks
-                    siblings.forEach(block => {
-                        if (['ElseIfCondition', 'ElseCondition'].includes(block.start?.nlpName)) {
-                            block.childIds?.forEach((id) => {
-                                updatedSelectSet.delete(id);
-                                updateStepPartialSelect.delete(id);
-                            });
-                            updatedSelectSet.delete(block.start.stepId);
-                            updatedSelectSet.delete(block.end.stepId);
-                            updateStepPartialSelect.delete(block.start.stepId);
-                            updateStepPartialSelect.delete(block.end.stepId);
-                        }
-                    });
-                }
-                const searchKey = row?.isSpecialNlp &&
-                    !isElseIfConditions(updateParentData) &&
-                    !row?.specialNlpId
-                    ? getParentConditionKey(updateParentData.conditionSearchKey)
-                    : updateParentData.conditionSearchKey;
-                visited = true;
-                const parentData = blockMap.get(searchKey);
-                if (parentData) {
-                    recursiveUpdate(parentData);
-                }
-            }
-        };
-        updateChild(currentRow);
-        updateParent(currentRow);
-        return { updateStepPartialSelect };
-    }
-};
-export function getUpdatedSelectedRows(tableData, prevSelectedRows) {
-    const updatedSelected = {};
-    tableData.forEach((section) => {
-        const currentRowIds = section.data.map((row) => row.stepId);
-        const previousSet = prevSelectedRows[section.title] || new Set();
-        const newSet = new Set([...previousSet].filter(id => currentRowIds.includes(id)));
-        updatedSelected[section.title] = newSet;
-    });
-    return updatedSelected;
-}
-export function getUpdatedPartialSelect(tableData, prevPartialSelect) {
-    const allCurrentIds = tableData.reduce((acc, section) => {
-        section.data.forEach((row) => acc.add(row.stepId));
-        return acc;
-    }, new Set());
-    return new Set([...prevPartialSelect].filter(id => allCurrentIds.has(id)));
-}
-export function getUpdatedExpandedRows(tableData, prevExpandedRows, defaultExpanded) {
-    const sectionTitlesToExpand = {
-        Steps: 'Steps',
-        Depends: 'Depends on Scripts',
-        PRE: 'Pre Conditions',
-        POST: 'Post Conditions',
-    };
-    const newExpandedRows = {};
-    tableData.forEach(section => {
-        const title = section.title;
-        const wasPreviouslyExpanded = title in prevExpandedRows;
-        const shouldExpandByDefault = defaultExpanded === 'All'
-            ? Object.values(sectionTitlesToExpand).includes(title)
-            : title === sectionTitlesToExpand[defaultExpanded];
-        newExpandedRows[title] = wasPreviouslyExpanded
-            ? (prevExpandedRows[title] ?? false)
-            : shouldExpandByDefault;
-    });
-    return newExpandedRows;
-}
-export const hasSelectedIds = (rows) => {
-    if (!rows)
-        return false;
-    for (const set of Object.values(rows)) {
-        if (set && set.size > 0)
-            return true;
-    }
-    return false;
-};
-export const gettingBlockMap = (tableData, selectedRows, stepPartialSelect) => {
-    const dynamicUpdate = getBlockMap(tableData);
-    const updatedSelectedRows = new Set(selectedRows.Steps);
-    const updateStepPartialSelect = new Set(stepPartialSelect);
-    dynamicUpdate?.forEach((blockEntry) => {
-        const childIds = blockEntry?.childIds;
-        if (childIds?.length === 0)
-            return;
-        const allChildrenChecked = childIds.every(id => updatedSelectedRows.has(id));
-        const someChildrenChecked = childIds.some(id => updatedSelectedRows.has(id));
-        if (allChildrenChecked) {
-            updatedSelectedRows.add(blockEntry.start.stepId);
-            updatedSelectedRows.add(blockEntry.end.stepId);
-        }
-        else {
-            updatedSelectedRows.delete(blockEntry.start.stepId);
-            updatedSelectedRows.delete(blockEntry.end.stepId);
-        }
-        if (isElseIfConditions(blockEntry?.start) &&
-            (someChildrenChecked || allChildrenChecked)) {
-            const key = blockEntry?.start?.conditionSearchKey;
-            const parentKey = getParentConditionKey(key);
-            const parentData = dynamicUpdate?.get(parentKey)?.allIds;
-            if (parentData?.length === 0)
-                return;
-            parentData?.forEach((stepId) => {
-                updatedSelectedRows.add(stepId);
-                updateStepPartialSelect.delete(stepId);
-            });
-        }
-        if (someChildrenChecked && !allChildrenChecked) {
-            updateStepPartialSelect.add(blockEntry.start.stepId);
-            updateStepPartialSelect.add(blockEntry.end.stepId);
-        }
-        else {
-            updateStepPartialSelect.delete(blockEntry.start.stepId);
-            updateStepPartialSelect.delete(blockEntry.end.stepId);
-        }
-    });
-    return {
-        updateSelectRow: { ...selectedRows, ['Steps']: updatedSelectedRows },
-        updateStepPartialSelect,
-    };
-};
-//# sourceMappingURL=handleStepCheckBox.js.map
+const e=e=>["ElseIfCondition","ElseCondition"].includes(e?.nlpName);let t=null,n=null;const d=e=>{if(n===e&&t)return t;const d=((e,t="Steps")=>{const n=e.find(e=>e?.title===t);return n?.data??[]})(e),i=new Map,s=(e,t,n)=>{const i=d,s=i.findIndex(t=>t.stepId===e?.stepId),o=i.findIndex(e=>e.stepId===t?.stepId);return n?i.slice(s+1,o).map(e=>e.stepId):i.slice(s,o+1).map(e=>e.stepId)};return d?.forEach(e=>{const t=(e=>e.specialNlpId??e.conditionSearchKey??null)(e);if(!t)return;const n=i.get(t)||{start:null,end:null,childIds:[],allIds:[]};if(e?.isSpecialNlp&&e.name?.startsWith("Start")){n.start=e;const t=(e=>{const t=(e=>({IfCondition:"EndIfCondition",StartForLoop:"EndForLoop",StartIteration:"EndIteration",ElseIfCondition:"EndElseIfCondition",ElseCondition:"EndElseCondition"}[e.nlpName]||e.nlpName))(e),n=d;if(void 0!==e?.conditionId&&void 0!==e?.conditionSearchKey&&!e.specialNlpId){const d=e.conditionId===e.conditionSearchKey?e.conditionId:e.conditionSearchKey;return n.find(e=>e.conditionSearchKey===d&&e.nlpName===t)||null}return e.specialNlpId&&n.find(n=>n.specialNlpId===e.specialNlpId&&n.nlpName===t)||null})(e);t&&(n.end=t,n.childIds=s(e,t,!0),n.allIds=s(e,t,!1))}i.set(t,n)}),t=i,n=e,i},i=e=>e.includes("/")?e.split("/").slice(0,-1).join("/"):e,s=(t,n,s,o,c,a="Steps")=>{const l=new Set(o[a]);if("Steps"===a&&(n?.isSpecialNlp||n?.conditionId||n?.parentSpecialNlpId)){const{updateStepPartialSelect:r}=function(o){const a=new Set(c),r=d(t),p=e=>{const t=e?.conditionSearchKey,n=i(t),d=r.get(n);d&&"IfCondition"===d.start.nlpName&&0===d?.start?.marginLeft&&I(d.start),!d?.start?.conditionSearchKey?.includes("/")||"IfCondition"===d?.start.nlpName&&0===d?.start?.marginLeft||p(d.start)},I=e=>{if(e?.isSpecialNlp){const t=e?.specialNlpId||e?.conditionSearchKey,n=t&&r.get(t);n&&Array.isArray(n.allIds)&&n.allIds.forEach(e=>{a.delete(e),s?l.add(e):l.delete(e)})}else s?l.add(e?.stepId):l.delete(e?.stepId)},S=t=>{let d=!0;const I=t=>{const n=t?.childIds;if(e(t?.start)){const e=(S=t?.start?.conditionSearchKey,S.includes("/")&&S.split("/")[0]||S),n=r.get(e),d=n?.start?.stepId,i=c.has(d);s&&!i&&p(o)}var S;if(0===n?.length)return;const f=n.every(e=>l.has(e)),u=n.some(e=>l.has(e));if(f?(l.add(t.start?.stepId),l.add(t.end?.stepId)):(l.delete(t.start?.stepId),l.delete(t.end?.stepId)),u&&!f?(a.add(t.start?.stepId),a.add(t.end?.stepId)):(a.delete(t.start?.stepId),a.delete(t.end?.stepId)),t?.start?.parentSpecialNlpId){const e=r.get(t.start.parentSpecialNlpId);e&&I(e)}if(t?.start?.conditionSearchKey){const e=i(t?.start?.conditionSearchKey),n=t?.start?.conditionSearchKey,s=t?.start?.conditionId;if(n===s&&d){d=!1;const t=r.get(e);return void(t&&I(t))}if(n===s)return;const o=r.get(e);return void(o&&I(o))}};if(t?.conditionSearchKey===t?.conditionId&&!t?.parentSpecialNlpId&&t?.specialNlpId){const e=r.get(t?.conditionSearchKey);return void(e&&I(e))}if(t?.conditionSearchKey||t?.conditionId||!t?.specialNlpId||t?.parentSpecialNlpId){if(t?.conditionSearchKey&&t?.conditionSearchKey===t?.conditionId&&t?.conditionId&&t?.specialNlpId){const e=r.get(t?.conditionSearchKey);e&&I(e)}if(t?.parentSpecialNlpId){const e=r.get(t?.parentSpecialNlpId);e&&I(e)}if(t?.conditionSearchKey){const o=r.get(t?.conditionSearchKey).childIds;let c=0;o.forEach(e=>{l.has(e)&&c++});const p=c>0&&c<o.length,S=0===c,f=t?.conditionSearchKey;if(!f.includes("/")&&f&&!s&&!p&&S){const e=t?.conditionId;let n=[];if(r&&e)for(const[t,d]of r.entries())t.includes(e)&&t.includes("/")&&n.push(d);n.forEach(e=>{["ElseIfCondition","ElseCondition"].includes(e.start?.nlpName)&&(e.childIds?.forEach(e=>{l.delete(e),a.delete(e)}),l.delete(e.start.stepId),l.delete(e.end.stepId),a.delete(e.start.stepId),a.delete(e.end.stepId))})}const u=!n?.isSpecialNlp||e(t)||n?.specialNlpId?t.conditionSearchKey:i(t.conditionSearchKey);d=!0;const h=r.get(u);h&&I(h)}}};return I(o),S(o),{updateStepPartialSelect:a}}(n);return{updateSelectRow:{...o,[a]:l},updateStepPartialSelect:r}}return s?l.add(n.stepId):l.delete(n.stepId),{updateSelectRow:{...o,[a]:l}}};function o(e,t){const n={};return e.forEach(e=>{const d=e.data.map(e=>e.stepId),i=t[e.title]||new Set,s=new Set([...i].filter(e=>d.includes(e)));n[e.title]=s}),n}function c(e,t){const n=e.reduce((e,t)=>(t.data.forEach(t=>e.add(t.stepId)),e),new Set);return new Set([...t].filter(e=>n.has(e)))}function a(e,t,n){const d={Steps:"Steps",Depends:"Depends on Scripts",PRE:"Pre Conditions",POST:"Post Conditions"},i={};return e.forEach(e=>{const s=e.title,o=s in t,c="All"===n?Object.values(d).includes(s):s===d[n];i[s]=o?t[s]??!1:c}),i}const l=e=>{if(!e)return!1;for(const t of Object.values(e))if(t&&t.size>0)return!0;return!1},r=(t,n,s)=>{const o=d(t),c=new Set(n.Steps),a=new Set(s);return o?.forEach(t=>{const n=t?.childIds;if(0===n?.length)return;const d=n.every(e=>c.has(e)),s=n.some(e=>c.has(e));if(d?(c.add(t.start.stepId),c.add(t.end.stepId)):(c.delete(t.start.stepId),c.delete(t.end.stepId)),e(t?.start)&&(s||d)){const e=t?.start?.conditionSearchKey,n=i(e),d=o?.get(n)?.allIds;if(0===d?.length)return;d?.forEach(e=>{c.add(e),a.delete(e)})}s&&!d?(a.add(t.start.stepId),a.add(t.end.stepId)):(a.delete(t.start.stepId),a.delete(t.end.stepId))}),{updateSelectRow:{...n,Steps:c},updateStepPartialSelect:a}};export{a as getUpdatedExpandedRows,c as getUpdatedPartialSelect,o as getUpdatedSelectedRows,r as gettingBlockMap,l as hasSelectedIds,s as updateCheckboxStatus};

package/lib/components/StepsLandingTable/StepLandingTable.js

@@ -1,219 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState, } from 'react';
-import classNames from 'classnames';
-import './StepLandingTable.scss';
-import StepInnerTable from './Components';
-import { gettingBlockMap, getUpdatedExpandedRows, getUpdatedPartialSelect, getUpdatedSelectedRows, hasSelectedIds, updateCheckboxStatus, } from './Components/handleStepCheckBox';
-import StepsTitle from './Components/StepsTitle';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import Typography from '../Typography';
-const StepLandingTable = React.memo(React.forwardRef(({ tableMeta = [], tableData = [], noDataContent, height = '100%', withFixedHeader = false, headerType, handleDragStart, onDragEnd, editMode, editComponent, NlpComponent, AddNlp, handleAccordion, handleViewComponent, onSelectClick, loading = false, isViewPrivilegeMode = false, defaultExpanded = 'Steps', isHeaderRequired = true, isClientSide = false, highlightKey, onHighlightComplete, isDraggable = true, isMaximize = false, handleParentRowHover, handleParentRowHoverOut, }, ref) => {
-    const [ViewComponent, setViewComponent] = useState(null);
-    const [viewModeId, setViewModeId] = useState(null);
-    const [expandedRows, setExpandedRows] = useState({});
-    const [expandStepGroup, setExpandStepGroup] = useState(new Map());
-    const [isBulkEnable, setBulkEnable] = useState(false);
-    const onAccordionClick = useCallback((title, action) => {
-        const row = tableData.find((row) => row.title === title);
-        if (!row || !row.data || row.data.length === 0) {
-            return;
-        }
-        setExpandedRows((prev) => ({
-            ...prev,
-            [title]: action === 'open' ? true : !prev[title],
-        }));
-    }, [tableData]);
-    const isExpanded = useMemo(() => (title) => expandedRows[title] ?? false, [expandedRows]);
-    const toggleViewRow = useCallback((row) => {
-        setViewModeId((prev) => (prev === row?.stepId ? null : row?.stepId));
-    }, []);
-    const handleClick = useCallback((item) => {
-        toggleViewRow(item);
-        const Component = handleViewComponent?.(item, toggleViewRow);
-        if (Component) {
-            setViewComponent(() => Component);
-        }
-        else {
-            toggleViewRow(null);
-        }
-    }, [handleViewComponent, toggleViewRow]);
-    const [selectedRows, setSelectedRows] = useState(Object.fromEntries(tableData.map((section) => [section.title, new Set()])));
-    const [stepPartialSelect, setStepPartialSelect] = useState(new Set());
-    useEffect(() => {
-        setSelectedRows((pre) => getUpdatedSelectedRows(tableData, pre));
-        setStepPartialSelect((prevPartialSelect) => getUpdatedPartialSelect(tableData, prevPartialSelect));
-        setExpandedRows((prev) => getUpdatedExpandedRows(tableData, prev, defaultExpanded));
-        if (selectedRows && !hasSelectedIds(selectedRows))
-            return;
-        const { updateSelectRow, updateStepPartialSelect } = gettingBlockMap(tableData, selectedRows, stepPartialSelect);
-        if (updateStepPartialSelect)
-            setStepPartialSelect(updateStepPartialSelect);
-        if (updateSelectRow)
-            setSelectedRows(updateSelectRow);
-    }, [tableData]);
-    useEffect(() => {
-        if (hasSelectedIds(selectedRows)) {
-            const updatedSelection = {
-                ...selectedRows,
-                partialSelected: stepPartialSelect,
-            };
-            onSelectClick?.(updatedSelection);
-        }
-        else {
-            onSelectClick?.(selectedRows);
-        }
-    }, [selectedRows]);
-    const handleMainCheckbox = useCallback((sectionTitle, checked) => {
-        const allRowIds = tableData
-            .find((section) => section.title === sectionTitle)
-            ?.data.map((row) => row.stepId);
-        if (allRowIds) {
-            setSelectedRows((prev) => ({
-                ...prev,
-                [sectionTitle]: checked ? new Set(allRowIds) : new Set(),
-            }));
-            if (!checked)
-                setStepPartialSelect(new Set());
-        }
-    }, [tableData]);
-    const handleUpdateCheckboxState = useCallback((tableData, rowData, isChecked, sectionTitle) => {
-        const { updateSelectRow, updateStepPartialSelect } = updateCheckboxStatus(tableData, rowData, isChecked, selectedRows, stepPartialSelect, sectionTitle);
-        if (updateStepPartialSelect)
-            setStepPartialSelect(updateStepPartialSelect);
-        if (updateSelectRow)
-            setSelectedRows(updateSelectRow);
-    }, [selectedRows, stepPartialSelect]);
-    const handleRowCheckbox = useCallback((sectionTitle, row, isChecked) => {
-        handleUpdateCheckboxState(tableData, row, isChecked, sectionTitle);
-    }, [tableData, handleUpdateCheckboxState]);
-    const isAllSelected = useCallback((sectionTitle, totalRows) => {
-        const isSelected = totalRows > 0 && selectedRows[sectionTitle]?.size === totalRows;
-        if (sectionTitle.includes('Script')) {
-            setBulkEnable(isSelected);
-        }
-        return isSelected;
-    }, [selectedRows]);
-    const isPartialSelected = useCallback((sectionTitle, totalRows) => {
-        const selectedCount = selectedRows[sectionTitle]?.size || 0;
-        return selectedCount > 0 && selectedCount < totalRows;
-    }, [selectedRows]);
-    const isStepGroupExpanded = useCallback((stepId) => expandStepGroup.has(stepId), [expandStepGroup]);
-    const handleStepGroupExpand = useCallback((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;
-            });
-        }
-    }, [
-        isStepGroupExpanded,
-        viewModeId,
-        toggleViewRow,
-        handleAccordion,
-        loading,
-    ]);
-    const getAccordionTableContent = useCallback((rows) => {
-        if (rows.title === 'Steps' && !isViewPrivilegeMode) {
-            return (_jsx(StepInnerTable, { onHighlightComplete: onHighlightComplete, highlightKey: highlightKey, draggable: isDraggable, columns: tableMeta, onDragEnd: onDragEnd, data: rows.data, headerType: headerType, withCheckbox: true, editMode: editMode, editComponent: editComponent, noDataContent: noDataContent, NlpComponent: NlpComponent, AddNlp: AddNlp, tableType: rows.title, handleDragStart: () => {
-                    expandStepGroup.clear();
-                    handleDragStart?.();
-                }, onSelect: handleRowCheckbox, selectedRows: selectedRows, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded, stepPartialSelect: stepPartialSelect, height: rows?.data?.length === 0
-                    ? '300px'
-                    : rows?.data?.length <= 12
-                        ? 'auto'
-                        : height, isClientSide: isClientSide, handleRowHover: handleParentRowHover, handleRowHoverOut: handleParentRowHoverOut }));
-        }
-        else {
-            return (_jsx(StepInnerTable, { onHighlightComplete: onHighlightComplete, highlightKey: highlightKey, draggable: false, editMode: editMode, withCheckbox: !isViewPrivilegeMode, editComponent: editComponent, columns: tableMeta, data: rows.data, headerType: headerType, noDataContent: noDataContent, tableType: rows.title, onSelect: handleRowCheckbox, selectedRows: selectedRows, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded, isViewPrivilegeMode: isViewPrivilegeMode, height: rows?.data?.length <= 15 ? 'auto' : height, isClientSide: isClientSide }));
-        }
-    }, [
-        isViewPrivilegeMode,
-        onHighlightComplete,
-        highlightKey,
-        isDraggable,
-        tableMeta,
-        onDragEnd,
-        headerType,
-        editMode,
-        editComponent,
-        noDataContent,
-        NlpComponent,
-        AddNlp,
-        expandStepGroup,
-        handleDragStart,
-        handleRowCheckbox,
-        selectedRows,
-        viewModeId,
-        ViewComponent,
-        handleClick,
-        handleStepGroupExpand,
-        isStepGroupExpanded,
-        stepPartialSelect,
-        tableData.length,
-        height,
-        isClientSide,
-    ]);
-    useImperativeHandle(ref, () => ({
-        resetSelection: () => {
-            setSelectedRows(Object.fromEntries(tableData.map((section) => [section.title, new Set()])));
-            setStepPartialSelect(new Set());
-        },
-        handleUpdateCheckbox: (rowData, updatedTableData) => {
-            const parentSpecialNlpId = rowData?.parentSpecialNlpId;
-            const conditionSearchKey = rowData?.conditionSearchKey;
-            if (parentSpecialNlpId || conditionSearchKey)
-                if (updatedTableData) {
-                    handleUpdateCheckboxState(updatedTableData, rowData, false);
-                }
-                else {
-                    handleUpdateCheckboxState(tableData, rowData, false);
-                }
-        },
-        deleteRow: (rowData) => {
-            setSelectedRows((prev) => Object.fromEntries(Object.entries(prev)?.map(([key, ids]) => [
-                key,
-                new Set([...ids].filter((id) => id !== rowData?.stepId)),
-            ])));
-        },
-        resetStepGroupAccordion: () => {
-            setExpandStepGroup(new Map());
-        },
-    }), [tableData, handleUpdateCheckboxState]);
-    useEffect(() => {
-        if (!checkEmpty(AddNlp)) {
-            setViewComponent(() => null);
-            setViewModeId(null);
-            if (AddNlp?.action === 'addLast') {
-                onAccordionClick('Steps', 'open');
-            }
-        }
-    }, [AddNlp]);
-    return (_jsxs("div", { 
-        // style={{ height, overflowY: 'auto' }}
-        className: classNames('ff-accordion-table-container-steps', {
-            'ff-accordion-fixed-header-table': withFixedHeader,
-        }), children: [isHeaderRequired && !isClientSide && (_jsx("table", { cellSpacing: 0, className: classNames('ff-accordion-table', {
-                    'ff-accordion-fixed-header': withFixedHeader,
-                }), children: _jsx("thead", { className: "table-thead", children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column, index) => (_jsx("th", { style: { width: column?.width }, className: classNames('ff-table-header', headerType && `ff-accordion-table--${headerType}-bg`), children: _jsx(Typography, { as: "div", fontWeight: "semi-bold", lineHeight: "18px", color: "var(--drawer-title-color)", children: column.header }) }, `${column.header}-${index}`))) }) }) })), _jsx("div", { className: "ff-accordion-table-body", style: { height: height, overflowY: 'auto' }, children: tableData?.map((row) => {
-                    const { title, data, actionCell, metaData } = row;
-                    const totalRows = data.length;
-                    const expanded = isExpanded(title);
-                    const selectedCount = selectedRows[title]?.size ?? 0;
-                    const showActionCell = selectedCount > 0 && totalRows > 0 && actionCell;
-                    return (_jsxs("div", { className: "column-table-accordion", children: [_jsx(StepsTitle, { isViewPrivilegeMode: isViewPrivilegeMode, onAccordionClick: onAccordionClick, showActionCell: showActionCell, handleMainCheckbox: handleMainCheckbox, isAllSelected: isAllSelected, isPartialSelected: isPartialSelected, title: title, totalRows: totalRows, expanded: expanded, metaData: metaData, actionCell: actionCell, row: row, tableMeta: tableMeta, isHeaderRequired: isHeaderRequired, isBulkEnable: isBulkEnable, isClientSide: isClientSide, isMaximize: isMaximize }), expanded && getAccordionTableContent(row)] }, title));
-                }) })] }));
-}));
-StepLandingTable.displayName = 'StepLandingTable';
-export default StepLandingTable;
-//# sourceMappingURL=StepLandingTable.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import a,{useState as n,useCallback as i,useMemo as l,useEffect as o,useImperativeHandle as d}from"react";import r from"../../_virtual/index.js";import"./StepLandingTable.scss.js";import s from"./Components/StepInnerTable.js";import{getUpdatedSelectedRows as c,getUpdatedPartialSelect as p,getUpdatedExpandedRows as h,hasSelectedIds as m,gettingBlockMap as S,updateCheckboxStatus as g}from"./Components/handleStepCheckBox.js";import f from"./Components/StepsTitle.js";import{checkEmpty as w}from"../../utils/checkEmpty/checkEmpty.js";import u from"../Typography/Typography.js";const b=a.memo(a.forwardRef(({tableMeta:a=[],tableData:b=[],noDataContent:C,height:x="100%",withFixedHeader:y=!1,headerType:v,handleDragStart:M,onDragEnd:E,editMode:N,editComponent:R,NlpComponent:j,AddNlp:k,handleAccordion:I,handleViewComponent:D,onSelectClick:H,loading:T=!1,isViewPrivilegeMode:P=!1,defaultExpanded:A="Steps",isHeaderRequired:O=!0,isClientSide:V=!1,highlightKey:z,onHighlightComplete:G,isDraggable:K=!0,isMaximize:L=!1,handleParentRowHover:$,handleParentRowHoverOut:q},B)=>{const[F,U]=n(null),[W,Y]=n(null),[_,J]=n({}),[Q,X]=n(new Map),[Z,ee]=n(!1),te=i((e,t)=>{const a=b.find(t=>t.title===e);a&&a.data&&0!==a.data.length&&J(a=>({...a,[e]:"open"===t||!a[e]}))},[b]),ae=l(()=>e=>_[e]??!1,[_]),ne=i(e=>{Y(t=>t===e?.stepId?null:e?.stepId)},[]),ie=i(e=>{ne(e);const t=D?.(e,ne);t?U(()=>t):ne(null)},[D,ne]),[le,oe]=n(Object.fromEntries(b.map(e=>[e.title,new Set]))),[de,re]=n(new Set);o(()=>{if(oe(e=>c(b,e)),re(e=>p(b,e)),J(e=>h(b,e,A)),le&&!m(le))return;const{updateSelectRow:e,updateStepPartialSelect:t}=S(b,le,de);t&&re(t),e&&oe(e)},[b]),o(()=>{if(m(le)){const e={...le,partialSelected:de};H?.(e)}else H?.(le)},[le]);const se=i((e,t)=>{const a=b.find(t=>t.title===e)?.data.map(e=>e.stepId);a&&(oe(n=>({...n,[e]:t?new Set(a):new Set})),t||re(new Set))},[b]),ce=i((e,t,a,n)=>{const{updateSelectRow:i,updateStepPartialSelect:l}=g(e,t,a,le,de,n);l&&re(l),i&&oe(i)},[le,de]),pe=i((e,t,a)=>{ce(b,t,a,e)},[b,ce]),he=i((e,t)=>{const a=t>0&&le[e]?.size===t;return e.includes("Script")&&ee(a),a},[le]),me=i((e,t)=>{const a=le[e]?.size||0;return a>0&&a<t},[le]),Se=i(e=>Q.has(e),[Q]),ge=i(e=>{Se(e?.stepId)||(W&&ne(null),I?.(e)),T||X(t=>{const a=new Map(t);return a.has(e?.stepId)?a.delete(e?.stepId):a.set(e?.stepId,!0),a})},[Se,W,ne,I,T]),fe=i(t=>"Steps"!==t.title||P?e(s,{onHighlightComplete:G,highlightKey:z,draggable:!1,editMode:N,withCheckbox:!P,editComponent:R,columns:a,data:t.data,headerType:v,noDataContent:C,tableType:t.title,onSelect:pe,selectedRows:le,viewModeId:W,ViewComponent:F,handleClick:ie,handleStepGroupExpand:ge,isStepGroupExpanded:Se,isViewPrivilegeMode:P,height:t?.data?.length<=15?"auto":x,isClientSide:V}):e(s,{onHighlightComplete:G,highlightKey:z,draggable:K,columns:a,onDragEnd:E,data:t.data,headerType:v,withCheckbox:!0,editMode:N,editComponent:R,noDataContent:C,NlpComponent:j,AddNlp:k,tableType:t.title,handleDragStart:()=>{Q.clear(),M?.()},onSelect:pe,selectedRows:le,viewModeId:W,ViewComponent:F,handleClick:ie,handleStepGroupExpand:ge,isStepGroupExpanded:Se,stepPartialSelect:de,height:0===t?.data?.length?"300px":t?.data?.length<=12?"auto":x,isClientSide:V,handleRowHover:$,handleRowHoverOut:q}),[P,G,z,K,a,E,v,N,R,C,j,k,Q,M,pe,le,W,F,ie,ge,Se,de,b.length,x,V]);return d(B,()=>({resetSelection:()=>{oe(Object.fromEntries(b.map(e=>[e.title,new Set]))),re(new Set)},handleUpdateCheckbox:(e,t)=>{const a=e?.parentSpecialNlpId,n=e?.conditionSearchKey;(a||n)&&ce(t||b,e,!1)},deleteRow:e=>{oe(t=>Object.fromEntries(Object.entries(t)?.map(([t,a])=>[t,new Set([...a].filter(t=>t!==e?.stepId))])))},resetStepGroupAccordion:()=>{X(new Map)}}),[b,ce]),o(()=>{w(k)||(U(()=>null),Y(null),"addLast"===k?.action&&te("Steps","open"))},[k]),t("div",{className:r("ff-accordion-table-container-steps",{"ff-accordion-fixed-header-table":y}),children:[O&&!V&&e("table",{cellSpacing:0,className:r("ff-accordion-table",{"ff-accordion-fixed-header":y}),children:e("thead",{className:"table-thead",children:e("tr",{className:"ff-table-row",children:a.map((t,a)=>e("th",{style:{width:t?.width},className:r("ff-table-header",v&&`ff-accordion-table--${v}-bg`),children:e(u,{as:"div",fontWeight:"semi-bold",lineHeight:"18px",color:"var(--drawer-title-color)",children:t.header})},`${t.header}-${a}`))})})}),e("div",{className:"ff-accordion-table-body",style:{height:x,overflowY:"auto"},children:b?.map(n=>{const{title:i,data:l,actionCell:o,metaData:d}=n,r=l.length,s=ae(i),c=le[i]?.size??0;return t("div",{className:"column-table-accordion",children:[e(f,{isViewPrivilegeMode:P,onAccordionClick:te,showActionCell:c>0&&r>0&&o,handleMainCheckbox:se,isAllSelected:he,isPartialSelected:me,title:i,totalRows:r,expanded:s,metaData:d,actionCell:o,row:n,tableMeta:a,isHeaderRequired:O,isBulkEnable:Z,isClientSide:V,isMaximize:L}),s&&fe(n)]},i)})})]})}));b.displayName="StepLandingTable";export{b as default};

package/lib/components/StepsLandingTable/StepLandingTable.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".ff-accordion-table-container-steps{display:flex;flex-direction:column;height:100%;overflow-y:auto}.ff-accordion-table-container-steps .ff-accordion-table{flex-shrink:0;width:100%}.ff-accordion-table-container-steps .ff-accordion-table .ff-table-header{background-color:var(--border-color);color:var(--text-color);padding:7px 8px;text-align:left}.ff-accordion-table-container-steps .ff-accordion-table--primary-bg{background-color:var(--table-with-accordion-header-primary-bg)}.ff-accordion-table-container-steps .ff-accordion-table--secondary-bg{background-color:var(--secondary-bg)}.ff-accordion-table-container-steps .ff-accordion-table--default-bg{background-color:var(--default-bg)}.ff-accordion-table-container-steps .ff-accordion-fixed-header{background-color:var(--file-details-bg);position:sticky;top:0;z-index:99}.ff-accordion-table-container-steps .ff-accordion-table-body{flex-grow:1;overflow-x:hidden;overflow-y:auto}.ff-accordion-table-container-steps .column-table-accordion{width:100%}.ff-accordion-table-container-steps .column-table-accordion .step-title-article{display:flex}.ff-accordion-table-container-steps .column-table-accordion .step-title-article:hover{background-color:var(--hover-color)}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .step-result{overflow:hidden;padding:4px 8px}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .step-result-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header{align-items:center;display:flex;padding:4px 8px 4px 24px}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .header-title{margin-left:3px}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .ff_action_container{align-items:center;display:flex;gap:8px}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .accordion-arrow{cursor:pointer;margin-left:4px;transition:transform .2s ease-in-out}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .accordion-arrow .steps-arrow-svg>svg:hover{color:var(--text-color)!important}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .accordion-arrow img{height:30px;width:35px}.ff-accordion-table-container-steps .column-table-accordion .step-title-article .accordion-header .accordion-arrow.expanded{transform:rotate(90deg)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXBMYW5kaW5nVGFibGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvQ0FHRSxZQUFhLENBQ2IscUJBQXNCLENBRnRCLFdBQVksQ0FEWixlQUlGLENBQ0Esd0RBRUUsYUFBYyxDQURkLFVBRUYsQ0FDQSx5RUFJRSxvQ0FBcUMsQ0FEckMsdUJBQXdCLENBRHhCLGVBQWdCLENBRGhCLGVBSUYsQ0FDQSxvRUFDRSw4REFDRixDQUNBLHNFQUNFLG9DQUNGLENBQ0Esb0VBQ0Usa0NBQ0YsQ0FDQSwrREFJRSx1Q0FBd0MsQ0FIeEMsZUFBZ0IsQ0FDaEIsS0FBTSxDQUNOLFVBRUYsQ0FDQSw2REFDRSxXQUFZLENBRVosaUJBQWtCLENBRGxCLGVBRUYsQ0FDQSw0REFDRSxVQUNGLENBQ0EsZ0ZBQ0UsWUFDRixDQUNBLHNGQUNFLG1DQUNGLENBQ0EsNkZBRUUsZUFBZ0IsQ0FEaEIsZUFFRixDQUNBLGtHQUVFLGVBQWdCLENBQ2hCLHNCQUF1QixDQUZ2QixrQkFHRixDQUNBLGtHQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsd0JBQ0YsQ0FDQSxnSEFDRSxlQUNGLENBQ0EsdUhBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixPQUNGLENBQ0EsbUhBR0UsY0FBZSxDQUZmLGVBQWdCLENBQ2hCLG9DQUVGLENBQ0EsOElBQ0UsaUNBQ0YsQ0FDQSx1SEFDRSxXQUFZLENBQ1osVUFDRixDQUNBLDRIQUNFLHVCQUNGIiwiZmlsZSI6IlN0ZXBMYW5kaW5nVGFibGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1hY2NvcmRpb24tdGFibGUtY29udGFpbmVyLXN0ZXBzIHtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmZmLWFjY29yZGlvbi10YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBmbGV4LXNocmluazogMDtcbn1cbi5mZi1hY2NvcmRpb24tdGFibGUtY29udGFpbmVyLXN0ZXBzIC5mZi1hY2NvcmRpb24tdGFibGUgLmZmLXRhYmxlLWhlYWRlciB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHBhZGRpbmc6IDdweCA4cHg7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1hY2NvcmRpb24tdGFibGUtY29udGFpbmVyLXN0ZXBzIC5mZi1hY2NvcmRpb24tdGFibGUtLXByaW1hcnktYmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10YWJsZS13aXRoLWFjY29yZGlvbi1oZWFkZXItcHJpbWFyeS1iZyk7XG59XG4uZmYtYWNjb3JkaW9uLXRhYmxlLWNvbnRhaW5lci1zdGVwcyAuZmYtYWNjb3JkaW9uLXRhYmxlLS1zZWNvbmRhcnktYmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZWNvbmRhcnktYmcpO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmZmLWFjY29yZGlvbi10YWJsZS0tZGVmYXVsdC1iZyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlZmF1bHQtYmcpO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmZmLWFjY29yZGlvbi1maXhlZC1oZWFkZXIge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG4gIHotaW5kZXg6IDk5O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1maWxlLWRldGFpbHMtYmcpO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmZmLWFjY29yZGlvbi10YWJsZS1ib2R5IHtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG59XG4uZmYtYWNjb3JkaW9uLXRhYmxlLWNvbnRhaW5lci1zdGVwcyAuY29sdW1uLXRhYmxlLWFjY29yZGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZmYtYWNjb3JkaW9uLXRhYmxlLWNvbnRhaW5lci1zdGVwcyAuY29sdW1uLXRhYmxlLWFjY29yZGlvbiAuc3RlcC10aXRsZS1hcnRpY2xlOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSAuc3RlcC1yZXN1bHQge1xuICBwYWRkaW5nOiA0cHggOHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSAuc3RlcC1yZXN1bHQtdGV4dCB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSAuYWNjb3JkaW9uLWhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDRweCA4cHggNHB4IDI0cHg7XG59XG4uZmYtYWNjb3JkaW9uLXRhYmxlLWNvbnRhaW5lci1zdGVwcyAuY29sdW1uLXRhYmxlLWFjY29yZGlvbiAuc3RlcC10aXRsZS1hcnRpY2xlIC5hY2NvcmRpb24taGVhZGVyIC5oZWFkZXItdGl0bGUge1xuICBtYXJnaW4tbGVmdDogM3B4O1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSAuYWNjb3JkaW9uLWhlYWRlciAuZmZfYWN0aW9uX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xufVxuLmZmLWFjY29yZGlvbi10YWJsZS1jb250YWluZXItc3RlcHMgLmNvbHVtbi10YWJsZS1hY2NvcmRpb24gLnN0ZXAtdGl0bGUtYXJ0aWNsZSAuYWNjb3JkaW9uLWhlYWRlciAuYWNjb3JkaW9uLWFycm93IHtcbiAgbWFyZ2luLWxlZnQ6IDRweDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi1hY2NvcmRpb24tdGFibGUtY29udGFpbmVyLXN0ZXBzIC5jb2x1bW4tdGFibGUtYWNjb3JkaW9uIC5zdGVwLXRpdGxlLWFydGljbGUgLmFjY29yZGlvbi1oZWFkZXIgLmFjY29yZGlvbi1hcnJvdyAuc3RlcHMtYXJyb3ctc3ZnID4gc3ZnOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpICFpbXBvcnRhbnQ7XG59XG4uZmYtYWNjb3JkaW9uLXRhYmxlLWNvbnRhaW5lci1zdGVwcyAuY29sdW1uLXRhYmxlLWFjY29yZGlvbiAuc3RlcC10aXRsZS1hcnRpY2xlIC5hY2NvcmRpb24taGVhZGVyIC5hY2NvcmRpb24tYXJyb3cgaW1nIHtcbiAgaGVpZ2h0OiAzMHB4O1xuICB3aWR0aDogMzVweDtcbn1cbi5mZi1hY2NvcmRpb24tdGFibGUtY29udGFpbmVyLXN0ZXBzIC5jb2x1bW4tdGFibGUtYWNjb3JkaW9uIC5zdGVwLXRpdGxlLWFydGljbGUgLmFjY29yZGlvbi1oZWFkZXIgLmFjY29yZGlvbi1hcnJvdy5leHBhbmRlZCB7XG4gIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbn0iXX0= */");

package/lib/components/StorageUsageBar/StorageUsageBar.js

@@ -1,9 +1 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import './StorageUsageBar.scss';
-const getPercent = (used, total) => total > 0 ? Math.min((used / total) * 100, 100) : 0;
-const StorageUsageBar = ({ used, total, unit = 'GB', showValue = true, width = '216px', }) => {
-    const percent = getPercent(used, total);
-    return (_jsx("div", { className: "ff-storage-bar", style: { width }, children: _jsx("div", { className: "ff-storage-bar__track", children: _jsx("div", { className: "ff-storage-bar__fill", style: { width: `${percent}%` }, children: showValue && (_jsxs("span", { className: "ff-storage-bar__value", children: [used, unit] })) }) }) }));
-};
-export default StorageUsageBar;
-//# sourceMappingURL=StorageUsageBar.js.map
+import{jsx as a,jsxs as s}from"react/jsx-runtime";import"./StorageUsageBar.scss.js";const e=({used:e,total:t,unit:r="GB",showValue:i=!0,width:l="216px"})=>{const c=((a,s)=>s>0?Math.min(a/s*100,100):0)(e,t);return a("div",{className:"ff-storage-bar",style:{width:l},children:a("div",{className:"ff-storage-bar__track",children:a("div",{className:"ff-storage-bar__fill",style:{width:`${c}%`},children:i&&s("span",{className:"ff-storage-bar__value",children:[e,r]})})})})};export{e as default};