pixel-react 1.10.9 → 1.10.10-1

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 (45) hide show
  1. package/lib/components/AddResourceButton/AddResourceButton.d.ts +1 -1
  2. package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
  3. package/lib/components/AddResourceButton/type.d.ts +9 -0
  4. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +62 -5
  5. package/lib/components/InputWithDropdown/types.d.ts +2 -0
  6. package/lib/components/variableSuggestionInputDropDown/OptionsDropdown.d.ts +5 -0
  7. package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.d.ts +4 -0
  8. package/lib/components/variableSuggestionInputDropDown/index.d.ts +1 -0
  9. package/lib/components/variableSuggestionInputDropDown/types.d.ts +150 -0
  10. package/lib/index.d.ts +204 -13
  11. package/lib/index.esm.js +165 -109
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +165 -109
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/assets/icons/module_icon.svg +3 -0
  18. package/src/components/AddResourceButton/AddResourceButton.stories.tsx +32 -16
  19. package/src/components/AddResourceButton/AddResourceButton.tsx +2 -0
  20. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +2 -1
  21. package/src/components/AddResourceButton/type.ts +9 -0
  22. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
  23. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +1 -1
  24. package/src/components/AppHeader/AppHeader.scss +1 -1
  25. package/src/components/Editor/VariableDropdown.scss +0 -1
  26. package/src/components/Editor/VariableDropdown.tsx +9 -2
  27. package/src/components/Excel/ExcelFile/ExcelFile.tsx +122 -54
  28. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +0 -1
  29. package/src/components/Excel/ExcelFile.stories.tsx +1 -0
  30. package/src/components/FileDropzone/Dropzone.tsx +2 -1
  31. package/src/components/FileDropzone/FileDropzone.tsx +3 -5
  32. package/src/components/Icon/iconList.ts +6 -4
  33. package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -2
  34. package/src/components/InputWithDropdown/types.ts +2 -0
  35. package/src/components/Select/components/Dropdown.scss +1 -0
  36. package/src/components/TableTree/TableTree.stories.tsx +27 -12
  37. package/src/components/TableTree/TableTree.tsx +82 -22
  38. package/src/components/TableTree/data.ts +1 -1
  39. package/src/components/variableSuggestionInputDropDown/OptionsDropdown.tsx +51 -0
  40. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.scss +18 -0
  41. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.stories.tsx +155 -0
  42. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx +244 -0
  43. package/src/components/variableSuggestionInputDropDown/index.ts +1 -0
  44. package/src/components/variableSuggestionInputDropDown/types.ts +166 -0
  45. package/src/index.ts +2 -0
@@ -1 +1 @@
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/addresourcebutton.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/browsertabs/browsertabs.tsx","../src/components/browsertabs/index.ts","../src/components/browsertabs/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/sequentialconnectingbranch/components/datasettooltip/datasettooltip.tsx","../src/components/sequentialconnectingbranch/components/datasettooltip/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/components/addmodule/addmodule.tsx","../src/components/tabletree/utils/addnewrow.ts","../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/getanchorelement/getanchorelement.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"}
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/addresourcebutton.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/browsertabs/browsertabs.tsx","../src/components/browsertabs/index.ts","../src/components/browsertabs/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/sequentialconnectingbranch/components/datasettooltip/datasettooltip.tsx","../src/components/sequentialconnectingbranch/components/datasettooltip/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/components/addmodule/addmodule.tsx","../src/components/tabletree/utils/addnewrow.ts","../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/components/variablesuggestioninputdropdown/optionsdropdown.tsx","../src/components/variablesuggestioninputdropdown/variablesuggestioninputdropdown.tsx","../src/components/variablesuggestioninputdropdown/index.ts","../src/components/variablesuggestioninputdropdown/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/getanchorelement/getanchorelement.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"}
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.10.9",
4
+ "version": "1.10.10-1",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.5312 11.3125H14.125V8.625C14.125 8.36613 13.9151 8.15625 13.6562 8.15625H8.46875V5.9375H10.5C10.7589 5.9375 10.9688 5.72762 10.9688 5.46875V0.46875C10.9688 0.209875 10.7589 0 10.5 0H5.5C5.24113 0 5.03125 0.209875 5.03125 0.46875V5.46875C5.03125 5.72762 5.24113 5.9375 5.5 5.9375H7.53125V8.15625H2.34375C2.08488 8.15625 1.875 8.36613 1.875 8.625V11.3125H0.46875C0.209875 11.3125 0 11.5224 0 11.7812V15.5312C0 15.7901 0.209875 16 0.46875 16H4.21875C4.47762 16 4.6875 15.7901 4.6875 15.5312V11.7812C4.6875 11.5224 4.47762 11.3125 4.21875 11.3125H2.8125V9.09375H7.53125V11.3125H6.125C5.86613 11.3125 5.65625 11.5224 5.65625 11.7812V15.5312C5.65625 15.7901 5.86613 16 6.125 16H9.875C10.1339 16 10.3438 15.7901 10.3438 15.5312V11.7812C10.3438 11.5224 10.1339 11.3125 9.875 11.3125H8.46875V9.09375H13.1875V11.3125H11.7812C11.5224 11.3125 11.3125 11.5224 11.3125 11.7812V15.5312C11.3125 15.7901 11.5224 16 11.7812 16H15.5312C15.7901 16 16 15.7901 16 15.5312V11.7812C16 11.5224 15.7901 11.3125 15.5312 11.3125ZM5.96875 0.9375H10.0312V5H5.96875V0.9375ZM3.75 15.0625H0.9375V12.25H3.75V15.0625ZM9.40625 15.0625H6.59375V12.25H9.40625V15.0625ZM15.0625 15.0625H12.25V12.25H15.0625V15.0625Z" fill="currentColor"/>
3
+ </svg>
@@ -1,6 +1,7 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
2
  import AddResourceButton from './AddResourceButton';
3
3
  import { AddResourceButtonProps } from './type';
4
+ import { ReactNode } from 'react';
4
5
 
5
6
  const meta: Meta<typeof AddResourceButton> = {
6
7
  title: 'Components/AddResourceButton',
@@ -20,13 +21,16 @@ export const Default: Story = {
20
21
  menuOptions: [
21
22
  {
22
23
  label: 'Sub Module',
23
- value: 'sub_module',
24
- icon: 'plus',
24
+ value: 'sub_module_sibling',
25
+ icon: 'module_icon',
25
26
  disable: false,
26
27
  },
27
28
  ],
28
29
  },
29
30
  ],
31
+ onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
32
+ alert(`Option clicked: ${option.label}, Value: ${option.value}`);
33
+ },
30
34
  } as AddResourceButtonProps,
31
35
  };
32
36
 
@@ -38,7 +42,7 @@ export const TwoArrowsButtons: Story = {
38
42
  menuOptions: [
39
43
  {
40
44
  label: 'Add Module',
41
- value: 'add_module',
45
+ value: 'add_module_top',
42
46
  icon: 'module_icon',
43
47
  disable: false,
44
48
  },
@@ -48,14 +52,17 @@ export const TwoArrowsButtons: Story = {
48
52
  direction: 'right',
49
53
  menuOptions: [
50
54
  {
51
- label: 'Add Module',
52
- value: 'add_module',
55
+ label: 'Add Sub Module',
56
+ value: 'add_sub_module_sibling',
53
57
  icon: 'module_icon',
54
58
  disable: false,
55
59
  },
56
60
  ],
57
61
  },
58
62
  ],
63
+ onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
64
+ alert(`Option clicked: ${option.label}, Value: ${option.value}`);
65
+ },
59
66
  } as AddResourceButtonProps,
60
67
  };
61
68
 
@@ -67,7 +74,7 @@ export const ThreeArrowsButton: Story = {
67
74
  menuOptions: [
68
75
  {
69
76
  label: 'Module',
70
- value: 'add_module',
77
+ value: 'add_module_top',
71
78
  icon: 'module_icon',
72
79
  disable: false,
73
80
  },
@@ -78,32 +85,38 @@ export const ThreeArrowsButton: Story = {
78
85
  menuOptions: [
79
86
  {
80
87
  label: 'Sub Module',
81
- value: 'add_module',
88
+ value: 'add_module_sibling',
82
89
  icon: 'module_icon',
83
90
  disable: false,
84
91
  },
85
92
  {
86
93
  label: 'Automation Script',
87
- value: 'add_module',
88
- icon: 'module_icon',
94
+ value: 'add_Automation_script_sibling',
95
+ icon: 'automation_testcase',
89
96
  disable: false,
90
97
  },
91
98
  {
92
99
  label: 'Manual Test Case',
93
- value: 'add_module',
94
- icon: 'module_icon',
100
+ value: 'add_manual_test_case_sibling',
101
+ icon: 'manual_testcase',
95
102
  disable: false,
96
103
  },
97
104
  {
98
105
  label: 'Pre / Post Condition',
99
- value: 'add_module',
100
- icon: 'module_icon',
106
+ value: 'add_pre_post_condition_sibling',
107
+ icon: 'pre_post_condition',
101
108
  disable: false,
102
109
  },
103
110
  {
104
111
  label: 'Authorization',
105
- value: 'add_module',
106
- icon: 'module_icon',
112
+ value: 'add_authorization_sibling',
113
+ icon: 'authorization_icon',
114
+ disable: false,
115
+ },
116
+ {
117
+ label: 'Data Provider',
118
+ value: 'data_provider_sibling',
119
+ icon: 'data_provider',
107
120
  disable: false,
108
121
  },
109
122
  ],
@@ -113,13 +126,16 @@ export const ThreeArrowsButton: Story = {
113
126
  menuOptions: [
114
127
  {
115
128
  label: 'Sub Module',
116
- value: 'sub_module',
129
+ value: 'sub_module_down',
117
130
  icon: 'module_icon',
118
131
  disable: false,
119
132
  },
120
133
  ],
121
134
  },
122
135
  ],
136
+ onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
137
+ alert(`Option clicked: ${option.label}, Value: ${option.value}`);
138
+ },
123
139
  } as AddResourceButtonProps,
124
140
  };
125
141
 
@@ -23,6 +23,7 @@ const AddResourceButton = ({
23
23
  ],
24
24
  zIndex = 99,
25
25
  treeRowRef,
26
+ onMenuOptionClick,
26
27
  }: AddResourceButtonProps) => {
27
28
  const [isHovered, setIsHovered] = useState<boolean>(false);
28
29
  const [positionArrowContainer, setPositionArrowContainer] = useState<{
@@ -123,6 +124,7 @@ const AddResourceButton = ({
123
124
  isActive={activeArrow === direction}
124
125
  variant={variant}
125
126
  treeRowRef={treeRowRef}
127
+ onMenuOptionClick={onMenuOptionClick}
126
128
  />
127
129
  )
128
130
  )}
@@ -9,6 +9,7 @@ const ArrowsButton = ({
9
9
  menuOptions,
10
10
  onArrowClick,
11
11
  treeRowRef,
12
+ onMenuOptionClick,
12
13
  }: DirectionalArrowButtonProps & { isActive: boolean }) => {
13
14
  const getIconName = () => {
14
15
  return `arrows_${direction}_icon`;
@@ -32,7 +33,7 @@ const ArrowsButton = ({
32
33
  iconSize={12}
33
34
  iconButtonSize={24}
34
35
  iconButtonBorderRadius={3}
35
- onOptionClick={() => {}}
36
+ onOptionClick={onMenuOptionClick}
36
37
  treeRowRef={treeRowRef}
37
38
  />
38
39
  </span>
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
2
3
 
3
4
  /**
@@ -43,6 +44,10 @@ export interface AddResourceButtonProps {
43
44
  }[];
44
45
  zIndex?: number;
45
46
  treeRowRef?: React.RefObject<any | null>;
47
+ onMenuOptionClick?: (option: {
48
+ label: string | ReactNode;
49
+ value: any;
50
+ }) => void;
46
51
  }
47
52
 
48
53
  /**
@@ -62,6 +67,10 @@ export interface DirectionalArrowButtonProps {
62
67
  disable?: boolean;
63
68
  }[];
64
69
  onArrowClick: () => void;
70
+ onMenuOptionClick?: (option: {
71
+ label: string | ReactNode;
72
+ value: any;
73
+ }) => void;
65
74
  isActive: boolean;
66
75
  variant?: 'primary' | 'secondary';
67
76
  treeRowRef?: React.RefObject<any | null>;
@@ -49,7 +49,7 @@
49
49
  }
50
50
  .ff-all-project-container {
51
51
  display: flex;
52
- padding: 4px;
52
+ padding: 4px 8px;
53
53
  gap: 4px;
54
54
  justify-content: center;
55
55
  text-wrap-mode: nowrap;
@@ -65,7 +65,7 @@ const AllProjectsDropdown = ({
65
65
  as={'div'}
66
66
  lineHeight={'18px'}
67
67
  fontSize={12}
68
- fontWeight={'regular'}
68
+ fontWeight={selected ? 'semi-bold':'regular'}
69
69
  className={classNames('projects-label')}
70
70
  onClick={onMenuClick}
71
71
  >
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  .ff-app-header {
4
4
  display: flex;
5
+ z-index: 1000;
5
6
  flex-basis: 100%;
6
7
  justify-content: space-between;
7
8
  background-color: var(--brand-color);
@@ -23,7 +24,6 @@
23
24
  border-radius: 20px;
24
25
  padding: 4px;
25
26
  padding-bottom: 16px;
26
- z-index: 1000;
27
27
  .ff-app-header-nav-bar-items {
28
28
  display: flex;
29
29
  align-items: center;
@@ -1,5 +1,4 @@
1
1
  .ff-variable-dropdown {
2
- height: 300px;
3
2
  display: flex;
4
3
  flex-direction: column;
5
4
  background-color: var(--variable-dropdown-bg);
@@ -4,6 +4,7 @@ import Icon from '../Icon';
4
4
  import './VariableDropdown.scss';
5
5
  import Typography from '../Typography';
6
6
  import cx from 'classnames';
7
+ import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
7
8
 
8
9
  const VariableDropdown: FC<VariableDropdownProps> = ({
9
10
  optionsList = [],
@@ -25,7 +26,7 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
25
26
  : { width }
26
27
  }
27
28
  >
28
- {optionsList?.map((option: DyanamicObj): ReactNode => {
29
+ {!checkEmpty(optionsList)? optionsList?.map((option: DyanamicObj): ReactNode => {
29
30
  return (
30
31
  <div
31
32
  className="ff-variable-option"
@@ -49,7 +50,13 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
49
50
  />
50
51
  </div>
51
52
  );
52
- })}
53
+ }):(<div
54
+ className="ff-variable-option"
55
+ >
56
+ <Typography as="span" fontSize={14}>
57
+ No Option
58
+ </Typography>
59
+ </div>)}
53
60
  </div>
54
61
  );
55
62
  };
@@ -14,14 +14,29 @@ import {
14
14
  convertStyleToFrontend,
15
15
  } from '../dataConversion';
16
16
  import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
17
+ import { debounce } from '../../../utils/debounce/debounce';
17
18
 
18
19
  interface ExcelFileProps {
19
- /** The Excel data containing sheets and their content */
20
+ /**
21
+ * The Excel data containing all the sheets and their respective content.
22
+ */
20
23
  excelData: WorkSheet[];
21
24
 
22
- /** Optional: Provide context menu options for actions like right-click */
25
+ /**
26
+ * Optional configuration for the context menu (usually shown on right-click).
27
+ * This allows customization of the context menu options with a label, value, icon, and action to be performed.
28
+ */
23
29
  contextOption?: {
30
+ /**
31
+ * Whether the context menu should be enabled (open or not).
32
+ * If set to true, the context menu will be shown, otherwise, it will be disabled.
33
+ */
24
34
  open: boolean;
35
+
36
+ /**
37
+ * Array of options available in the context menu. Each option contains a label (display name),
38
+ * value (identifier), iconName (icon to display), and action (function to be executed on click).
39
+ */
25
40
  options: {
26
41
  label: string;
27
42
  value: string;
@@ -30,18 +45,72 @@ interface ExcelFileProps {
30
45
  }[];
31
46
  };
32
47
 
33
- /** Controls whether the toolbar is shown, disabled, or hidden */
48
+ /**
49
+ * Controls whether the toolbar is shown or hidden.
50
+ * Possible values:
51
+ * - 'show' to display the toolbar
52
+ * - 'hide' to hide the toolbar
53
+ */
34
54
  toolbar?: 'show' | 'hide';
55
+
56
+ /**
57
+ * Controls whether the sheet navigation bar (tabs) is shown or hidden.
58
+ * Possible values:
59
+ * - 'show' to display the sheet bar
60
+ * - 'hide' to hide the sheet bar
61
+ */
35
62
  sheetBar?: 'show' | 'hide';
63
+
64
+ /**
65
+ * Optional: The total number of rows in the Excel sheet.
66
+ * This helps in determining the size and content of the sheet.
67
+ */
36
68
  rowCount?: number;
69
+
70
+ /**
71
+ * Optional: The total number of columns in the Excel sheet.
72
+ * This helps in determining the structure of the sheet.
73
+ */
37
74
  colCount?: number;
38
- /** Callback function to save the Excel data */
75
+
76
+ /**
77
+ * Callback function triggered when saving the Excel data.
78
+ */
39
79
  onSave?: (saveData: any) => void;
80
+
81
+ /**
82
+ * Delay time (in milliseconds) before the onSave callback is executed.
83
+ */
84
+ onSaveDelay?: number;
85
+
86
+ /**
87
+ * Optional: Sets the vertical (Y-axis) positioning of the context menu.
88
+ * This allows precise control over where the context menu appears on the screen.
89
+ */
40
90
  contextHeightPositioning?: number;
91
+
92
+ /**
93
+ * Optional: Sets the horizontal (X-axis) positioning of the context menu.
94
+ * This allows precise control over where the context menu appears on the screen.
95
+ */
41
96
  contextWidthPositioning?: number;
42
- /** Set your dynamic sheet Height*/
97
+
98
+ /**
99
+ * Optional: Dynamically sets the height of the sheet view area.
100
+ * This can be useful if you want to change the height of the sheet display, e.g., when resizing or re-layouting.
101
+ */
43
102
  sheetHeight?: string;
103
+
104
+ /**
105
+ * Optional: Enables or disables the context menu for columns.
106
+ * When set to true, column-related context menu actions are enabled.
107
+ */
44
108
  columnContextEnable?: boolean;
109
+
110
+ /**
111
+ * Optional: Enables or disables the context menu for rows.
112
+ * When set to true, row-related context menu actions are enabled.
113
+ */
45
114
  rowContextEnable?: boolean;
46
115
  }
47
116
 
@@ -58,6 +127,7 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
58
127
  onSave = (saveData) => {
59
128
  saveData();
60
129
  },
130
+ onSaveDelay = 0,
61
131
  columnContextEnable = false,
62
132
  rowContextEnable = false,
63
133
  }) => {
@@ -189,12 +259,23 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
189
259
  }
190
260
  }, [excelData]);
191
261
 
262
+ useEffect(() => {
263
+ debounceDispatch(handleSaveData());
264
+ }, [worksheetsData]);
265
+
266
+ const debounceDispatch = React.useCallback(
267
+ debounce((val) => {
268
+ onSave(val);
269
+ }, onSaveDelay),
270
+ [onSave]
271
+ );
272
+
192
273
  const handleSave = React.useCallback(
193
274
  (event: KeyboardEvent) => {
194
275
  if (event.ctrlKey && event.key === 's') {
195
276
  event.preventDefault();
196
277
  event.stopPropagation();
197
- onSaveWorksheetData();
278
+ debounceDispatch(handleSaveData());
198
279
  }
199
280
  },
200
281
  [onSave]
@@ -207,59 +288,46 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
207
288
  };
208
289
  }, [handleSave]);
209
290
 
210
- const onSaveWorksheetData = () => {
211
- const savedData = {
212
- sheets: sheetNames.map((sheetName) => {
213
- const sheetData =
214
- worksheetsData[sheetName]?.map((row) => {
215
- const lastIndex = row.reduce((lastIdx, cell, i) => {
216
- const hasValueOrTypeTrue =
217
- (cell &&
218
- cell.value !== null &&
219
- !checkEmpty(cell && cell.value)) ||
220
- (cell && cell.type === true);
221
- return hasValueOrTypeTrue ? i : lastIdx;
222
- }, -1);
223
-
224
- const filteredRow = row
225
- .map((cell, index) => {
226
- if (cell && cell.value !== null) {
227
- return {
228
- value: cell.value,
229
- styles: convertStyleToBackend(cell.style ?? {}),
230
- };
231
- } else if ((cell && cell.type) || index <= lastIndex) {
232
- return {
233
- value: '',
234
- styles: convertStyleToBackend(cell?.style ?? {}),
235
- };
236
- }
237
- return null;
238
- })
239
- .filter((cell) => cell !== null);
240
-
241
- return filteredRow.length > 0 ? filteredRow : [];
242
- }) || [];
243
-
244
- const finalData = sheetData.filter((row, index) => {
245
- const isNextRowNotEmpty = sheetData
246
- .slice(index + 1)
247
- .some((nextRow) => nextRow.length > 0);
248
- return row.length > 0 || isNextRowNotEmpty;
249
- });
291
+ const handleSaveData = () => {
292
+ return sheetNames.map((sheetName) => {
293
+ const sheetData =
294
+ worksheetsData[sheetName]?.map((row) => {
295
+ const lastIndex = row.reduce((lastIdx, cell, i) => {
296
+ const hasValue = cell?.value.trim() !== '';
297
+ return hasValue ? i : lastIdx;
298
+ }, -1);
299
+
300
+ const filteredRow = row
301
+ .map((cell, index) => {
302
+ if (cell && cell.style && index <= lastIndex) {
303
+ return {
304
+ value: cell.value,
305
+ styles: convertStyleToBackend(cell.style),
306
+ };
307
+ }
308
+ return null;
309
+ })
310
+ .filter((cell) => cell !== null);
311
+
312
+ return filteredRow.length > 0 ? filteredRow : [];
313
+ }) || [];
314
+
315
+ const finalData = sheetData.filter((row, index) => {
316
+ const isNextRowNotEmpty = sheetData
317
+ .slice(index + 1)
318
+ .some((nextRow) => nextRow.length > 0);
319
+ return row.length > 0 || isNextRowNotEmpty;
320
+ });
250
321
 
251
- return {
252
- sheetName: sheetName,
253
- data: checkEmpty(finalData.length) ? [[]] : finalData,
254
- };
255
- }),
256
- };
257
- onSave(savedData);
322
+ return {
323
+ sheetName: sheetName,
324
+ data: checkEmpty(finalData.length) ? [[]] : finalData,
325
+ };
326
+ });
258
327
  };
259
328
 
260
329
  const onEvaluateChange = (data: Matrix.Matrix<CellBase>) => {
261
330
  setWorksheetsData((prev) => ({ ...prev, [pageRef.current]: data }));
262
- onSaveWorksheetData();
263
331
  };
264
332
 
265
333
  const [editingSheet, setEditingSheet] = useState<number | null>(null);