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.
- package/.yarn/install-state.gz +0 -0
- package/lib/ComponentProps/TreeNodeProps.d.ts +31 -0
- package/lib/components/Charts/MultiRadialChart/types.d.ts +2 -2
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +3 -7
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/Tabs/types.d.ts +1 -0
- package/lib/index.d.ts +51 -11
- package/lib/index.esm.js +125 -34
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +126 -33
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getTreeDetails/getTreeDetails.d.ts +10 -0
- package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +2 -0
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +31 -0
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +6 -3
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +10 -4
- package/src/components/Charts/MultiRadialChart/types.ts +16 -17
- package/src/components/TableTree/Components/TableBody.tsx +22 -23
- package/src/components/TableTree/Components/TableCell.tsx +3 -3
- package/src/components/TableTree/Components/TableRow.tsx +0 -3
- package/src/components/TableTree/TableTree.scss +11 -1
- package/src/components/TableTree/TableTree.tsx +28 -15
- package/src/components/TableTree/data.ts +86 -1
- package/src/components/TableTree/types.ts +3 -8
- package/src/components/Tabs/Tabs.scss +44 -1
- package/src/components/Tabs/Tabs.stories.tsx +26 -0
- package/src/components/Tabs/Tabs.tsx +2 -0
- package/src/components/Tabs/types.ts +1 -0
- package/src/index.ts +17 -2
- package/src/utils/findAndInsert/findAndInsert.stories.tsx +1 -0
- package/src/utils/getTreeDetails/getTreeDetails.stories.tsx +167 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +65 -0
- package/src/utils/handleTreeNodeSelect/HandleTreeNodeSelect.stories.tsx +195 -0
- package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts +61 -0
package/lib/tsconfig.tsbuildinfo
CHANGED
@@ -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;
|
package/package.json
CHANGED
@@ -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:
|
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:
|
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 =
|
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
|
341
|
-
|
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
|
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
|
23
|
-
pillLegendGap
|
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
|
-
|
16
|
-
<
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
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.
|
55
|
-
} ${node.
|
54
|
+
node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'
|
55
|
+
} ${node.container ? '' : 'no-folder'}`}
|
56
56
|
onClick={() => onToggleExpand(node)}
|
57
57
|
>
|
58
|
-
{node.
|
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?.(
|
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
|
-
<
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
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:
|
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?: (
|
58
|
+
onExpand?: (node: TreeNode) => void;
|
65
59
|
loadMore?: (_direction?: string) => void;
|
60
|
+
height?: number | string;
|
66
61
|
}
|