pixel-react 1.9.4 → 1.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/ComponentProps/TreeNodeProps.d.ts +31 -0
  3. package/lib/components/Charts/MultiRadialChart/types.d.ts +2 -2
  4. package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
  5. package/lib/components/TableTree/types.d.ts +3 -7
  6. package/lib/components/Tabs/Tabs.d.ts +1 -1
  7. package/lib/components/Tabs/types.d.ts +1 -0
  8. package/lib/index.d.ts +51 -11
  9. package/lib/index.esm.js +125 -34
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +126 -33
  12. package/lib/index.js.map +1 -1
  13. package/lib/tsconfig.tsbuildinfo +1 -1
  14. package/lib/utils/getTreeDetails/getTreeDetails.d.ts +10 -0
  15. package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +2 -0
  16. package/package.json +1 -1
  17. package/src/ComponentProps/TreeNodeProps.ts +31 -0
  18. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +6 -3
  19. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +10 -4
  20. package/src/components/Charts/MultiRadialChart/types.ts +16 -17
  21. package/src/components/TableTree/Components/TableBody.tsx +22 -23
  22. package/src/components/TableTree/Components/TableCell.tsx +3 -3
  23. package/src/components/TableTree/Components/TableRow.tsx +0 -3
  24. package/src/components/TableTree/TableTree.scss +11 -1
  25. package/src/components/TableTree/TableTree.tsx +28 -15
  26. package/src/components/TableTree/data.ts +86 -1
  27. package/src/components/TableTree/types.ts +3 -8
  28. package/src/components/Tabs/Tabs.scss +44 -1
  29. package/src/components/Tabs/Tabs.stories.tsx +26 -0
  30. package/src/components/Tabs/Tabs.tsx +2 -0
  31. package/src/components/Tabs/types.ts +1 -0
  32. package/src/index.ts +17 -2
  33. package/src/utils/findAndInsert/findAndInsert.stories.tsx +1 -0
  34. package/src/utils/getTreeDetails/getTreeDetails.stories.tsx +167 -0
  35. package/src/utils/getTreeDetails/getTreeDetails.ts +65 -0
  36. package/src/utils/handleTreeNodeSelect/HandleTreeNodeSelect.stories.tsx +195 -0
  37. package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts +61 -0
@@ -1 +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/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/choosefile/choosefile.tsx","../src/components/choosefile/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/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../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/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/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/sampledata.ts","../src/components/nlpinput/types.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/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/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/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../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/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/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/useintersectionobserver.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/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.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/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
1
+ {"root":["../src/index.ts","../src/componentprops/treenodeprops.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/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/choosefile/choosefile.tsx","../src/components/choosefile/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/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../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/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/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/sampledata.ts","../src/components/nlpinput/types.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/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/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/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../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/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/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/useintersectionobserver.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/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.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/gettreedetails/gettreedetails.ts","../src/utils/handletreenodeselect/handletreenodeselect.ts","../src/utils/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
@@ -0,0 +1,10 @@
1
+ import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
2
+ export interface TreeDetailsResult {
3
+ treeDataList: TreeNode[];
4
+ next: boolean;
5
+ previous: boolean;
6
+ startId: string;
7
+ endId: string;
8
+ root?: TreeNode;
9
+ }
10
+ export declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse" | "start", oldData: TreeNode[], newData: TreeNode[], index?: number) => TreeDetailsResult;
@@ -0,0 +1,2 @@
1
+ import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
2
+ export declare const handleTreeNodeSect: (data: TreeNode[], key: string, isChecked: boolean | "partial") => TreeNode[];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.9.4",
4
+ "version": "1.9.6",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -0,0 +1,31 @@
1
+ export type TreeNodeProps = {
2
+ createdBy: string;
3
+ modifiedBy: string;
4
+ createdByUname: string;
5
+ modifiedByUname: string;
6
+ createdOn: string;
7
+ modifiedOn: string;
8
+ state: string;
9
+ path: string;
10
+ searchKey: string;
11
+ key: string;
12
+ name: string;
13
+ projectId: string;
14
+ hierarchy: number;
15
+ executionOrder: number;
16
+ subContainerCount: number;
17
+ resourceCount: number;
18
+ totalSubContainerCount: number;
19
+ totalResourceCount: number;
20
+ totalProjectElementCount: number;
21
+ totalSharedElementCount: number;
22
+ container: boolean;
23
+ localDelete: boolean;
24
+ defaultEntity: boolean;
25
+ lastResource: boolean;
26
+ platform?: string;
27
+ parentId?: string;
28
+ parentName?: string;
29
+ checked?: boolean | 'partial';
30
+ expand?: boolean;
31
+ };
@@ -151,10 +151,10 @@
151
151
  }
152
152
 
153
153
  .ff-legend-table-wrapper {
154
- overflow: hidden;
155
154
  border: 1px solid var(--border-color);
156
155
  border-radius: 4px;
157
156
  margin-left: 1rem;
157
+ overflow-y: auto;
158
158
  }
159
159
 
160
160
  .ff-legend-table {
@@ -172,7 +172,7 @@
172
172
  font-weight: bold;
173
173
  background-color: var(--tabs-bg-color);
174
174
  color: var(--input-hover-border-color);
175
- padding: 0.5rem;
175
+ padding: 7px 5px 9px 20px;
176
176
 
177
177
  &:last-child {
178
178
  text-align: right;
@@ -195,10 +195,13 @@
195
195
  }
196
196
 
197
197
  .ff-legend-item {
198
+ .ff-legend-name {
199
+ margin-left: 10px;
200
+ }
198
201
  .ff-legend-name,
199
202
  .ff-legend-percentage,
200
203
  .ff-legend-count {
201
- padding: 0.5rem;
204
+ padding: 4px 8px 4px 8px;
202
205
  @extend .fontXs;
203
206
  color: var(--input-hover-border-color);
204
207
  &:last-child {
@@ -40,7 +40,7 @@ const colorMapping = [
40
40
  const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
41
41
  radius = 60,
42
42
  tableWidth,
43
- tableHeight = 190,
43
+ tableHeight = 120,
44
44
  lineWidth = 15,
45
45
  statusValues = [],
46
46
  gapAngle = 0,
@@ -337,11 +337,17 @@ const DashboardDonutChart: React.FC<DashboardDonutChartProps> = ({
337
337
 
338
338
  case 'tableLegend':
339
339
  return (
340
- <div className="ff-legend-table-wrapper">
341
- <table className="ff-legend-table" style={{ height: tableHeight }}>
340
+ <div
341
+ className="ff-legend-table-wrapper"
342
+ style={{ height: tableHeight }}
343
+ >
344
+ <table className="ff-legend-table">
342
345
  <thead className="ff-legend-table-thead">
343
346
  <tr>
344
- <th className="ff-table-header" style={{ width: tableWidth }}>
347
+ <th
348
+ className="ff-table-header "
349
+ style={{ width: tableWidth }}
350
+ >
345
351
  Name
346
352
  </th>
347
353
  <th className="ff-table-header ">%</th>
@@ -1,30 +1,29 @@
1
1
  export interface BarValue {
2
- value: number;
3
- arcColor: string;
4
- arcBackgroundColor: string;
5
- barLabel: string;
2
+ value: number;
3
+ arcColor: string;
4
+ arcBackgroundColor: string;
5
+ barLabel: string;
6
6
  }
7
7
 
8
8
  export type LegendType = 'numberLegend' | 'pillLegend';
9
9
 
10
10
  export interface MultiRadialChartProps {
11
- radius: number;
12
- lineWidth: number;
11
+ radius: number;
12
+ lineWidth: number;
13
13
  fontSize: number;
14
- labelHeading: string;
14
+ labelHeading: string;
15
15
  lineCap: 'square' | 'round';
16
- barValues: BarValue[];
17
- legendType?: LegendType;
16
+ barValues: BarValue[];
17
+ legendType?: LegendType;
18
18
  isLegendDetails?: boolean;
19
- labelFontSize?: number,
20
- subLabelFontSize?: number
21
- gapAngle?:number;
22
- chartToPillGap: number | string;
23
- pillLegendGap: number | string;
19
+ labelFontSize?: number;
20
+ subLabelFontSize?: number;
21
+ gapAngle?: number;
22
+ chartToPillGap?: number | string;
23
+ pillLegendGap?: number | string;
24
24
  }
25
- export interface ChartItem extends BarValue{
26
- label: string;
25
+ export interface ChartItem extends BarValue {
26
+ label: string;
27
27
  key: string;
28
28
  color?: string;
29
29
  }
30
-
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { TableBodyProps } from '../types';
3
3
  import TableRow from './TableRow';
4
+ import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
4
5
 
5
6
  const TableBody = React.memo(
6
7
  ({
@@ -11,29 +12,27 @@ const TableBody = React.memo(
11
12
  onRowClick,
12
13
  onToggleExpand,
13
14
  onCheckBoxChange,
14
- }: TableBodyProps) => (
15
- <tbody className="ff-table-tree-body">
16
- <tr id="ff-table-tree-first-node" />
17
- {flattenedTreeData?.map((node) => {
18
- return (
19
- <TableRow
20
- key={node.searchKey}
21
- node={node}
22
- // level={level}
23
- columnsData={columnsData}
24
- selected={selected}
25
- select={select}
26
- onRowClick={onRowClick}
27
- onToggleExpand={onToggleExpand}
28
- onCheckBoxChange={onCheckBoxChange}
29
- // parentSiblings={parentSiblings}
30
- // isLast={isLast}
31
- />
32
- );
33
- })}
34
- <tr id="ff-table-tree-last-node" />
35
- </tbody>
36
- )
15
+ }: TableBodyProps) =>
16
+ checkEmpty(flattenedTreeData) ? null : (
17
+ <tbody className="ff-table-tree-body">
18
+ <tr id="ff-table-tree-first-node" />
19
+ {flattenedTreeData?.map((node) => {
20
+ return (
21
+ <TableRow
22
+ key={node.searchKey}
23
+ node={node}
24
+ columnsData={columnsData}
25
+ selected={selected}
26
+ select={select}
27
+ onRowClick={onRowClick}
28
+ onToggleExpand={onToggleExpand}
29
+ onCheckBoxChange={onCheckBoxChange}
30
+ />
31
+ );
32
+ })}
33
+ <tr id="ff-table-tree-last-node" />
34
+ </tbody>
35
+ )
37
36
  );
38
37
 
39
38
  export default TableBody;
@@ -51,11 +51,11 @@ const TableCell = React.memo(
51
51
  {col.isTree && (
52
52
  <span
53
53
  className={`tree-table-space-block last-block ${
54
- node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'
55
- } ${node.folder ? '' : 'no-folder'}`}
54
+ node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'
55
+ } ${node.container ? '' : 'no-folder'}`}
56
56
  onClick={() => onToggleExpand(node)}
57
57
  >
58
- {node.folder && <Arrow />}
58
+ {node.container && node?.totalResourceCount > 0 && <Arrow />}
59
59
  </span>
60
60
  )}
61
61
  <span className="tree-table-td-content">
@@ -5,15 +5,12 @@ import TableCell from './TableCell';
5
5
  const TableRow = React.memo(
6
6
  ({
7
7
  node,
8
- // level,
9
8
  columnsData,
10
9
  selected,
11
10
  select,
12
11
  onRowClick,
13
12
  onToggleExpand,
14
13
  onCheckBoxChange,
15
- // parentSiblings,
16
- // isLast,
17
14
  }: TableRowProps) => (
18
15
  <tr
19
16
  data-level={node.hierarchy}
@@ -1,3 +1,7 @@
1
+ :root {
2
+ --table-height: auto;
3
+ }
4
+
1
5
  .tree-table-space-block {
2
6
  display: inline-block;
3
7
  width: 20px;
@@ -8,7 +12,6 @@
8
12
  font-size: 19px;
9
13
  position: relative;
10
14
  box-sizing: border-box;
11
- // margin-top: 7px;
12
15
  border-radius: 50%;
13
16
 
14
17
  &.btn-toggle {
@@ -96,6 +99,13 @@
96
99
 
97
100
  .tree-table-wrap {
98
101
  width: 100%;
102
+ overflow: hidden;
103
+ overflow-x: auto;
104
+ }
105
+
106
+ .table-scrollable {
107
+ max-height: var(--table-height); /* Adjust height as needed */
108
+ overflow-y: auto;
99
109
  }
100
110
 
101
111
  .ff-table-tree-body {
@@ -1,4 +1,4 @@
1
- import React, { useCallback, memo } from 'react';
1
+ import React, { useCallback, memo, useRef } from 'react';
2
2
  import './TableTree.scss';
3
3
  import { TreeTableProps } from './types';
4
4
  import TableHead from './Components/TableHead';
@@ -15,11 +15,13 @@ const TreeTable: React.FC<TreeTableProps> = ({
15
15
  onClick,
16
16
  onExpand,
17
17
  loadMore = () => {},
18
+ height = 'auto',
18
19
  }) => {
20
+ const treeRef = useRef(null);
19
21
  useIntersectionObserver(
20
22
  ['ff-table-tree-last-node', 'ff-table-tree-first-node'],
21
23
  {
22
- root: null,
24
+ root: treeRef?.current || null,
23
25
  rootMargin: '0px',
24
26
  threshold: 0.1,
25
27
  onIntersect: (entry) => {
@@ -38,7 +40,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
38
40
  );
39
41
 
40
42
  const handleToggleExpand = useCallback(
41
- (node: any) => onExpand?.(true, node?.key),
43
+ (node: any) => onExpand?.(node),
42
44
  [onExpand]
43
45
  );
44
46
 
@@ -56,18 +58,29 @@ const TreeTable: React.FC<TreeTableProps> = ({
56
58
 
57
59
  return (
58
60
  <div className="tree-table-wrap">
59
- <table className="tree-table">
60
- <TableHead columnsData={columnsData} />
61
- <TableBody
62
- flattenedTreeData={treeData}
63
- columnsData={columnsData}
64
- selected={selected}
65
- select={select}
66
- onRowClick={handleRowClick}
67
- onToggleExpand={handleToggleExpand}
68
- onCheckBoxChange={handleCheckBoxChange}
69
- />
70
- </table>
61
+ <div
62
+ className="table-scrollable"
63
+ id="ff-table-tree-scroll-container"
64
+ ref={treeRef}
65
+ style={
66
+ {
67
+ '--table-height': `${height !== 'auto' ? height + 'px' : height}`,
68
+ } as React.CSSProperties
69
+ }
70
+ >
71
+ <table className="tree-table">
72
+ <TableHead columnsData={columnsData} />
73
+ <TableBody
74
+ flattenedTreeData={treeData}
75
+ columnsData={columnsData}
76
+ selected={selected}
77
+ select={select}
78
+ onRowClick={handleRowClick}
79
+ onToggleExpand={handleToggleExpand}
80
+ onCheckBoxChange={handleCheckBoxChange}
81
+ />
82
+ </table>
83
+ </div>
71
84
  </div>
72
85
  );
73
86
  };
@@ -41,7 +41,7 @@ const data = [
41
41
  key: 'PAG1011',
42
42
  name: 'page1',
43
43
  projectId: 'PJT1006',
44
- hierarchy: 0,
44
+ hierarchy: 1,
45
45
  executionOrder: 1,
46
46
  subContainerCount: 0,
47
47
  resourceCount: 3,
@@ -54,6 +54,91 @@ const data = [
54
54
  defaultEntity: false,
55
55
  lastResource: true,
56
56
  },
57
+ {
58
+ createdBy: 'USR4705',
59
+ modifiedBy: '--',
60
+ createdByUname: 'Saqeb',
61
+ modifiedByUname: '--',
62
+ createdOn: '2023-05-31T11:00:00.000Z',
63
+ modifiedOn: '2023-05-31T11:00:00.000Z',
64
+ state: 'APPROVED',
65
+ path: '/Root/page2',
66
+ searchKey: '/PAG1010/PAG1012',
67
+ parentId: 'PAG1010',
68
+ parentName: 'Root Page',
69
+ key: 'PAG1012',
70
+ name: 'page2',
71
+ projectId: 'PJT1006',
72
+ hierarchy: 1,
73
+ executionOrder: 2,
74
+ subContainerCount: 2,
75
+ resourceCount: 5,
76
+ totalSubContainerCount: 2,
77
+ totalResourceCount: 7,
78
+ totalProjectElementCount: 0,
79
+ totalSharedElementCount: 0,
80
+ container: true,
81
+ localDelete: false,
82
+ defaultEntity: false,
83
+ lastResource: false,
84
+ },
85
+ {
86
+ createdBy: 'USR4705',
87
+ modifiedBy: '--',
88
+ createdByUname: 'Saqeb',
89
+ modifiedByUname: '--',
90
+ createdOn: '2023-05-31T11:05:00.000Z',
91
+ modifiedOn: '2023-05-31T11:05:00.000Z',
92
+ state: 'APPROVED',
93
+ path: '/Root/page2/subpage1',
94
+ searchKey: '/PAG1010/PAG1012/PAG1013',
95
+ parentId: 'PAG1012',
96
+ parentName: 'page2',
97
+ key: 'PAG1013',
98
+ name: 'subpage1',
99
+ projectId: 'PJT1006',
100
+ hierarchy: 2,
101
+ executionOrder: 1,
102
+ subContainerCount: 0,
103
+ resourceCount: 2,
104
+ totalSubContainerCount: 0,
105
+ totalResourceCount: 2,
106
+ totalProjectElementCount: 0,
107
+ totalSharedElementCount: 0,
108
+ container: false,
109
+ localDelete: false,
110
+ defaultEntity: false,
111
+ lastResource: true,
112
+ },
113
+ {
114
+ createdBy: 'USR4705',
115
+ modifiedBy: '--',
116
+ createdByUname: 'Saqeb',
117
+ modifiedByUname: '--',
118
+ createdOn: '2023-05-31T11:10:00.000Z',
119
+ modifiedOn: '2023-05-31T11:10:00.000Z',
120
+ state: 'APPROVED',
121
+ path: '/Root/page2/subpage2',
122
+ searchKey: '/PAG1010/PAG1012/PAG1014',
123
+ parentId: 'PAG1012',
124
+ parentName: 'page2',
125
+ key: 'PAG1014',
126
+ name: 'subpage2',
127
+ projectId: 'PJT1006',
128
+ hierarchy: 2,
129
+ executionOrder: 2,
130
+ subContainerCount: 0,
131
+ resourceCount: 4,
132
+ totalSubContainerCount: 0,
133
+ totalResourceCount: 4,
134
+ totalProjectElementCount: 0,
135
+ totalSharedElementCount: 0,
136
+ container: false,
137
+ localDelete: false,
138
+ defaultEntity: false,
139
+ lastResource: true,
140
+ },
141
+ // Repeat similar patterns to generate 50 entries, modifying hierarchy, executionOrder, and other attributes as needed.
57
142
  ];
58
143
 
59
144
  export default data;
@@ -1,11 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
-
3
- export interface TreeNode {
4
- key: string;
5
- [key: string]: any;
6
- children?: TreeNode[];
7
- expanded?: boolean;
8
- }
2
+ import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
9
3
 
10
4
  declare type JSX = ReactNode | JSX.Element[] | string | null;
11
5
 
@@ -61,6 +55,7 @@ export interface TreeTableProps {
61
55
  select?: 'radio' | 'checkbox' | 'none';
62
56
  onChange?: (e: any, node: string[] | any) => void;
63
57
  onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
64
- onExpand?: (_isExpanded: boolean, node: string) => void;
58
+ onExpand?: (node: TreeNode) => void;
65
59
  loadMore?: (_direction?: string) => void;
60
+ height?: number | string;
66
61
  }