pixel-react-excel-sheet 1.0.12 → 1.0.13

package/lib/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}
+{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}

package/lib/utils/FormatString/FormatString.d.ts

@@ -0,0 +1 @@
+export default function formatString(input: string, removeSections?: string[]): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react-excel-sheet",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/StyleGuide/ColorPalette/colorPaletteList.ts

@@ -262,6 +262,21 @@ const ColorPalette: ColorPaletteType = [
     colorCode: '#5ca700',
     variable: 'confirm-tick-icon-color',
   },
+  {
+    name: 'Dynamic card border color',
+    colorCode: '#eeeaf2',
+    variable: ' dynamic-card-border-color',
+  },
+  {
+    name: 'Card header background color',
+    colorCode: '#592f7c1a',
+    variable: 'card-header-bg-color',
+  },
+  {
+    name: "InputWithDropdown's dropdown background color",
+    colorCode: '#71347b27',
+    variable: 'dropdown-bg-color',
+  },
   {
     name: 'info modal background color',
     colorCode:

package/src/assets/Themes/BaseTheme.scss

@@ -2,6 +2,7 @@ $base-theme: (
   base-bg-color: #ffffff,
   button-bg-color: #f6ebff,
   brand-color: #71347b,
+  dropdown-bg-color: #71347b27,
   text-color: #1e161f,
   description-text: #7a7a7a,
   click-able-text-color: #71347b,
@@ -273,9 +274,10 @@ $base-theme: (
   impact-list-text-color: #14041c,
   impact-list-chip-text-color: #3d3c3e,
   impact-list-chip-bg-color: #e3ccf5,
-
-  table-with-accordion-header-primary-bg:#d4b0e426,
-  table-with-accordion-icon-color:#1e161f
+  dynamic-card-border-color: #eeeaf2,
+  card-header-bg-color: #592f7c1a,
+  table-with-accordion-header-primary-bg: #d4b0e426,
+  table-with-accordion-icon-color: #1e161f,
 );
 
 :root {

package/src/assets/Themes/DarkTheme.scss

@@ -1,6 +1,7 @@
 $dark-theme: (
   base-bg-color: #1e1a22,
   brand-color: #71347b,
+  dropdown-bg-color: #71347b27,
   text-color: #e8e0e9,
   description-text: #d9d9d9,
   click-able-text-color: #e8e0e9,
@@ -280,9 +281,10 @@ $dark-theme: (
   impact-list-text-color: #14041c,
   impact-list-chip-text-color: #3d3c3e,
   impact-list-chip-bg-color: #e3ccf5,
-  table-with-accordion-header-primary-bg:#d4b0e426,
-  table-with-accordion-icon-color:#1e161f
-
+  dynamic-card-border-color: #eeeaf2,
+  card-header-bg-color: #592f7c1a,
+  table-with-accordion-header-primary-bg: #d4b0e426,
+  table-with-accordion-icon-color: #1e161f,
 );
 
 :root {

package/src/assets/icons/window_maximize.svg

@@ -1,4 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.58189 0H14.2429C14.7086 0.00113232 15.1548 0.188831 15.4841 0.522043C15.8134 0.855255 15.9989 1.30686 16 1.7781V11.3632C15.9989 11.8345 15.8134 12.2861 15.4841 12.6193C15.1548 12.9525 14.7086 13.1402 14.2429 13.1413H4.58189C4.11623 13.1402 3.66997 12.9525 3.3407 12.6193C3.01143 12.2861 2.82595 11.8345 2.82483 11.3632V1.7781C2.82595 1.30686 3.01143 0.855255 3.3407 0.522043C3.66997 0.188831 4.11623 0.00113232 4.58189 0ZM4.58189 11.3618H14.2429V1.7781H4.58189V11.3618Z" fill="currentColor"/>
-<path d="M1.75706 2.85889H11.4181C11.8837 2.86002 12.33 3.04772 12.6593 3.38093C12.9885 3.71414 13.174 4.16575 13.1751 4.63698V14.2221C13.174 14.6933 12.9885 15.145 12.6593 15.4782C12.33 15.8114 11.8837 15.9991 11.4181 16.0002H1.75706C1.2914 15.9991 0.845138 15.8114 0.515867 15.4782C0.186597 15.145 0.00111893 14.6933 0 14.2221V4.63698C0.00111893 4.16575 0.186597 3.71414 0.515867 3.38093C0.845138 3.04772 1.2914 2.86002 1.75706 2.85889ZM1.75706 14.2207H11.4181V4.63698H1.75706V14.2207Z" fill="currentColor"/>
+<path d="M2.13379 0H13.8662C14.4317 0.00137864 14.9737 0.229908 15.3735 0.635605C15.7734 1.0413 15.9986 1.59115 16 2.16489V13.8351C15.9986 14.4089 15.7734 14.9587 15.3735 15.3644C14.9737 15.7701 14.4317 15.9986 13.8662 16H2.13379C1.56829 15.9986 1.02634 15.7701 0.626474 15.3644C0.226604 14.9587 0.00135883 14.4089 0 13.8351V2.16489C0.00135883 1.59115 0.226604 1.0413 0.626474 0.635605C1.02634 0.229908 1.56829 0.00137864 2.13379 0ZM2.13379 13.8334H13.8662V2.16489H2.13379V13.8334Z" fill="currentColor"/>
 </svg>

package/src/assets/icons/window_restore.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.58189 0H14.2429C14.7086 0.00113232 15.1548 0.188831 15.4841 0.522043C15.8134 0.855255 15.9989 1.30686 16 1.7781V11.3632C15.9989 11.8345 15.8134 12.2861 15.4841 12.6193C15.1548 12.9525 14.7086 13.1402 14.2429 13.1413H4.58189C4.11623 13.1402 3.66997 12.9525 3.3407 12.6193C3.01143 12.2861 2.82595 11.8345 2.82483 11.3632V1.7781C2.82595 1.30686 3.01143 0.855255 3.3407 0.522043C3.66997 0.188831 4.11623 0.00113232 4.58189 0ZM4.58189 11.3618H14.2429V1.7781H4.58189V11.3618Z" fill="currentColor"/>
+<path d="M1.75706 2.85889H11.4181C11.8837 2.86002 12.33 3.04772 12.6593 3.38093C12.9885 3.71414 13.174 4.16575 13.1751 4.63698V14.2221C13.174 14.6933 12.9885 15.145 12.6593 15.4782C12.33 15.8114 11.8837 15.9991 11.4181 16.0002H1.75706C1.2914 15.9991 0.845138 15.8114 0.515867 15.4782C0.186597 15.145 0.00111893 14.6933 0 14.2221V4.63698C0.00111893 4.16575 0.186597 3.71414 0.515867 3.38093C0.845138 3.04772 1.2914 2.86002 1.75706 2.85889ZM1.75706 14.2207H11.4181V4.63698H1.75706V14.2207Z" fill="currentColor"/>
+</svg>

package/src/components/Charts/BarChart/BarChart.scss

@@ -5,6 +5,10 @@
   flex-direction: column;
   align-items: center;
 
+  svg {
+    display: block;
+  }
+
   .ff-legend-container {
     width: 100%;
     display: flex;
@@ -15,7 +19,6 @@
       margin-top: 10px;
       display: flex;
       justify-content: flex-end;
-      gap: 10px;
 
       .ff-bar-chart-legend-item {
         display: flex;

package/src/components/Charts/BarChart/BarChart.tsx

@@ -21,6 +21,7 @@ type BarChartProps = {
   iconSize?: number;
   backgroundColor?: string;
   legendPosition?: 'top' | 'bottom';
+  legendGap?: number;
 };
 
 const BarChart: React.FC<BarChartProps> = ({
@@ -39,6 +40,7 @@ const BarChart: React.FC<BarChartProps> = ({
   icons = [],
   iconSize,
   legendPosition = 'bottom',
+  legendGap = 5,
 }) => {
   const [tooltip, setTooltip] = useState<{
     visible: boolean;
@@ -52,7 +54,7 @@ const BarChart: React.FC<BarChartProps> = ({
   const topPadding = 40;
   const leftPadding = 40;
   const totalBarWidth = data.length * barWidth + (data.length - 1) * barGap;
-  const chartWidth = totalBarWidth + leftPadding * 2;
+  const chartWidth = totalBarWidth + leftPadding * 2 + 10;
 
   const renderGradients = (gradients: string[][]) => {
     return gradients.map((gradient, index) => (
@@ -119,13 +121,13 @@ const BarChart: React.FC<BarChartProps> = ({
   };
 
   return (
-    <div
-      className="ff-bar-chart-container"
-      style={{ width: chartWidth, height }}
-    >
+    <div className="ff-bar-chart-container" style={{ width: chartWidth }}>
       {legend && legendPosition === 'top' && (
         <div className="ff-legend-container">
-          <div className="ff-bar-chart-legend">
+          <div
+            className="ff-bar-chart-legend"
+            style={{ gap: `${legendGap}px` }}
+          >
             {data.map((item, index) => (
               <div key={item.label} className="ff-bar-chart-legend-item">
                 {icons[index] && typeof icons[index] === 'string' ? (
@@ -158,7 +160,16 @@ const BarChart: React.FC<BarChartProps> = ({
       )}
 
       <div>
-        <svg width={chartWidth} height={height + topPadding + 40}>
+        <svg
+          width={chartWidth}
+          height={
+            height +
+            topPadding +
+            5 +
+            (showXAxisLabels ? 20 : 0) +
+            (xAxisLabel ? 20 : 0)
+          }
+        >
           {Array.isArray(colors) &&
             colors.length > 0 &&
             renderGradients(colors)}
@@ -250,7 +261,7 @@ const BarChart: React.FC<BarChartProps> = ({
           {xAxisLabel && (
             <text
               x={chartWidth / 2}
-              y={height + topPadding + 40}
+              y={height + topPadding + (showXAxisLabels ? 40 : 20)}
               fontSize="12"
               fill="black"
               textAnchor="middle"
@@ -278,7 +289,10 @@ const BarChart: React.FC<BarChartProps> = ({
 
       {legend && legendPosition === 'bottom' && (
         <div className="ff-legend-container">
-          <div className="ff-bar-chart-legend">
+          <div
+            className="ff-bar-chart-legend"
+            style={{ gap: `${legendGap}px` }}
+          >
             {data.map((item, index) => (
               <div key={item.label} className="ff-bar-chart-legend-item">
                 {icons[index] && typeof icons[index] === 'string' ? (

package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss

@@ -19,6 +19,7 @@
   .ff-dashboard-donut-chart-svg-container {
     text-align: center;
     svg {
+      display: block;
       text:nth-of-type(1) {
         @extend .font2Xl;
         font-weight: 600;
@@ -41,13 +42,12 @@
 
   .ff-legend-container {
     display: grid;
-    gap: 10px;
     grid-auto-rows: 1fr;
 
     &.ff-number-legend {
       grid-template-columns: repeat(3, 100px);
 
-      &.ff-side-legend{
+      &.ff-side-legend {
         grid-template-columns: repeat(2, 100px);
       }
       .ff-legend-item {
@@ -84,7 +84,7 @@
     &.ff-memory-legend {
       grid-template-columns: repeat(3, 100px);
 
-      &.ff-side-legend{
+      &.ff-side-legend {
         grid-template-columns: repeat(2, 100px);
       }
 
@@ -120,6 +120,10 @@
 
       &:last-child {
         text-align: right;
+        padding-right: 10px;
+      }
+      &:nth-last-child(2) {
+        width: 58px;
       }
     }
 
@@ -141,6 +145,9 @@
         padding: 0.5rem;
         @extend .fontXs;
         color: var(--input-hover-border-color);
+        &:last-child {
+          padding-right: 22px;
+        }
       }
 
       .ff-legend-name {

package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react/*';
+import { Meta, StoryObj } from '@storybook/react';
 import DashboardDonutChart from './DashboardDonutChart';
 
 const meta: Meta<typeof DashboardDonutChart> = {
@@ -17,6 +17,7 @@ export const Default: Story = {
   args: {
     radius: 70,
     lineWidth: 15,
+    tableWidth: 500,
     legendDetailsType: 'Scripts',
     isLegendDetails: true,
     statusValues: [

package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx

@@ -39,6 +39,7 @@ const colorMapping = [
 
 const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
   radius = 60,
+  tableWidth,
   lineWidth = 15,
   statusValues = [],
   gapAngle = 0,
@@ -51,7 +52,12 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
   labelFontSize = 24,
   subLabelFontSize = 14,
   legendPosition = 'bottom',
-  legendGap = 0,
+  chartGap = 0,
+  legendGap = 5,
+  legendValueFontSize = 22,
+  legendKeyFontSize = 12,
+  labelYoffSet = -5,
+  subLabelYoffSet = 20,
 }) => {
   const [hoveredItemIndex, setHoveredItemIndex] = useState<number | null>(null);
   const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });
@@ -138,7 +144,7 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
 
   const SVG_PADDING = 3;
   const DONUT_SVG_SIZE = radius * 2 + lineWidth + SVG_PADDING * 2;
-  const LABEL_MAX_WIDTH = radius * 2 - lineWidth - SVG_PADDING;
+  const LABEL_MAX_WIDTH = radius * 2 - lineWidth - SVG_PADDING * 2;
 
   const renderArc = (chartItem: ChartItem, endAngle: number, i: number) => {
     const isFullCircle = nonZeroValues.length === 1;
@@ -182,7 +188,7 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
       >
         <Typography fontSize={12}>
           {hoveredItemIndex !== null &&
-            `${nonZeroValues[hoveredItemIndex]?.key} : `}
+            `${nonZeroValues[hoveredItemIndex]?.key}:`}
         </Typography>
         <Typography fontSize={12}>
           {hoveredItemIndex !== null &&
@@ -207,11 +213,12 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
               'ff-side-legend':
                 legendPosition === 'left' || legendPosition === 'right',
             })}
+            style={{ gap: `${legendGap}px` }}
           >
             {legendData.map((item, index) => (
               <div className="ff-legend-item" key={index}>
                 <Typography
-                  fontSize={22}
+                  fontSize={legendValueFontSize}
                   fontWeight="semi-bold"
                   className="ff-legend-value"
                   color={
@@ -223,7 +230,7 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                   {item.value} {showUnit && unit?.toUpperCase()}
                 </Typography>
                 <Typography
-                  fontSize={12}
+                  fontSize={legendKeyFontSize}
                   className="ff-legend-key"
                   textAlign="center"
                 >
@@ -236,7 +243,10 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
 
       case 'pillLegend':
         return (
-          <div className="ff-legend-container ff-pill-legend ">
+          <div
+            className="ff-legend-container ff-pill-legend"
+            style={{ gap: `${legendGap}px` }}
+          >
             {legendData.map((item, index) => (
               <div className="ff-legend-item" key={index}>
                 <span
@@ -249,7 +259,12 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                 >
                   <Typography fontSize={10}>{item.value}</Typography>
                 </span>
-                <Typography className="ff-legend-key">{item.key}</Typography>
+                <Typography
+                  fontSize={legendKeyFontSize}
+                  className="ff-legend-key"
+                >
+                  {item.key}
+                </Typography>
               </div>
             ))}
           </div>
@@ -262,13 +277,14 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
               'ff-side-legend':
                 legendPosition === 'left' || legendPosition === 'right',
             })}
+            style={{ gap: `${legendGap}px` }}
           >
             {legendData.map((item, index) => (
               <React.Fragment key={index}>
                 <div className="ff-legend-item">
                   <Typography
-                    fontSize={22}
-                    fontWeight="medium"
+                    fontSize={legendValueFontSize}
+                    fontWeight="semi-bold"
                     className="ff-legend-value"
                     color={
                       item.color
@@ -276,9 +292,16 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                         : colorMapping[index % colorMapping.length]
                     }
                   >
-                    {item.labelValue} {item.unit}
+                    {Number.isInteger(item.labelValue)
+                      ? item.labelValue
+                      : item.labelValue?.toFixed(2)}{' '}
+                    {item.unit}
                   </Typography>
-                  <Typography className="ff-legend-key" textAlign="center">
+                  <Typography
+                    fontSize={legendKeyFontSize}
+                    className="ff-legend-key"
+                    textAlign="center"
+                  >
                     {item.key}
                   </Typography>
                 </div>
@@ -293,8 +316,10 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
             <table className="ff-legend-table">
               <thead>
                 <tr>
-                  <th className="ff-table-header">Name</th>
-                  <th className="ff-table-header">%</th>
+                  <th className="ff-table-header" style={{ width: tableWidth }}>
+                    Name
+                  </th>
+                  <th className="ff-table-header ">%</th>
                   <th className="ff-table-header">Count</th>
                 </tr>
               </thead>
@@ -384,7 +409,7 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
         'legend-position-bottom': legendPosition === 'bottom',
         'legend-position-left': legendPosition === 'left',
       })}
-      style={{ gap: `${legendGap}px` }}
+      style={{ gap: `${chartGap}px` }}
     >
       <div className="ff-dashboard-donut-chart-svg-container">
         <svg
@@ -429,11 +454,13 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                 ))}
               </text>
             ) : (
-              (legendType !== 'tableLegend' || hoveredItemIndex !== null) && (
+              (legendType !== 'tableLegend' ||
+                hoveredItemIndex !== null ||
+                hoveredItemIndex == null) && (
                 <>
                   <text
                     x="0"
-                    y="5"
+                    y={labelYoffSet}
                     textAnchor="middle"
                     fill={colorMapping[3]}
                     style={{ fontSize: `${labelFontSize}px` }}
@@ -454,7 +481,11 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                       LABEL_MAX_WIDTH,
                       labelFontSize
                     ).map((line, index) => (
-                      <tspan x="0" dy={index === 0 ? 0 : 16} key={index}>
+                      <tspan
+                        x="0"
+                        dy={index === 0 ? 0 : labelFontSize}
+                        key={index}
+                      >
                         {line}
                       </tspan>
                     ))}
@@ -462,7 +493,7 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
 
                   <text
                     x="0"
-                    y="26"
+                    y={subLabelYoffSet}
                     textAnchor="middle"
                     fill="var(--text-color)"
                     style={{ fontSize: `${subLabelFontSize}px` }}
@@ -476,7 +507,11 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
                       LABEL_MAX_WIDTH,
                       subLabelFontSize
                     ).map((line, index) => (
-                      <tspan x="0" dy={index === 0 ? 0 : 16} key={index}>
+                      <tspan
+                        x="0"
+                        dy={index === 0 ? 0 : subLabelFontSize}
+                        key={index}
+                      >
                         {line}
                       </tspan>
                     ))}
@@ -486,12 +521,6 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
             )}
           </g>
         </svg>
-        {legendType === 'tableLegend' && (
-          <div>
-            <Typography fontWeight="semi-bold">{legendDetailsType} </Typography>
-            <Typography> {`Total ${legendDetailsType} - ${total}`} </Typography>
-          </div>
-        )}
         {showTooltip && renderTooltip()}
       </div>
       {isLegendDetails && renderLegend(chartValues, legendType, legendPosition)}

package/src/components/Charts/DashboardDonutChart/types.ts

@@ -47,6 +47,12 @@ export type DashboardDonutChartProps = {
   showUnit?: boolean;
   labelFontSize?: number;
   subLabelFontSize?: number;
-  legendPosition? : 'bottom' | 'right' | 'left';
+  legendPosition?: 'bottom' | 'right' | 'left';
+  chartGap?: number;
   legendGap?: number;
+  tableWidth?: number;
+  legendValueFontSize?: number;
+  legendKeyFontSize?: number;
+  labelYoffSet?: number;
+  subLabelYoffSet?: number;
 };

package/src/components/Charts/LineChart/LineChart.scss

@@ -15,15 +15,19 @@
     transition: cx 0.2s ease, cy 0.2s ease;
   }
 }
-.ff-line-chart-yAxisLabel {
-  display: flex;
-  white-space: nowrap;
-  transform: rotate(270deg) translateX(60px);
-  transform-origin: right center;
-}
-
-.ff-line-chart-svg {
-  width: inherit;
+.ff-line-chart-yAxisLabel-warpper {
+  position: relative;
+  min-width: 20px;
+  height: 100%;
+  .ff-line-chart-yAxisLabel {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    display: flex;
+    white-space: nowrap;
+    transform: rotate(270deg) translateX(60%);
+    transform-origin: right center;
+  }
 }
 
 .ff-line-chart-text1 {