pixel-react 1.9.6 → 1.9.8

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 (60) hide show
  1. package/lib/components/ConditionalDropdown/types.d.ts +4 -3
  2. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
  3. package/lib/components/Input/types.d.ts +2 -0
  4. package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
  5. package/lib/components/MobileSkin/types.d.ts +9 -8
  6. package/lib/components/Select/types.d.ts +4 -0
  7. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
  8. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
  9. package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
  10. package/lib/components/TableTree/types.d.ts +4 -3
  11. package/lib/index.d.ts +34 -7
  12. package/lib/index.esm.js +299 -106
  13. package/lib/index.esm.js.map +1 -1
  14. package/lib/index.js +299 -106
  15. package/lib/index.js.map +1 -1
  16. package/lib/tsconfig.tsbuildinfo +1 -1
  17. package/lib/utils/getSequentialPayload/types.d.ts +6 -0
  18. package/package.json +1 -1
  19. package/src/assets/Themes/BaseTheme.scss +3 -0
  20. package/src/assets/Themes/DarkTheme.scss +3 -0
  21. package/src/assets/styles/_colors.scss +5 -0
  22. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
  23. package/src/components/ConditionalDropdown/types.ts +27 -25
  24. package/src/components/Drawer/Drawer.scss +1 -1
  25. package/src/components/Drawer/Drawer.tsx +1 -1
  26. package/src/components/Editor/VariableDropdown.tsx +1 -1
  27. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
  28. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
  29. package/src/components/Input/Input.tsx +4 -0
  30. package/src/components/Input/types.ts +5 -0
  31. package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
  32. package/src/components/MobileSkin/MobileSkin.scss +0 -8
  33. package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
  34. package/src/components/MobileSkin/MobileSkin.tsx +16 -31
  35. package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
  36. package/src/components/MobileSkin/types.ts +9 -8
  37. package/src/components/RadioButton/RadioButton.tsx +5 -1
  38. package/src/components/Select/Select.stories.tsx +2 -0
  39. package/src/components/Select/Select.tsx +4 -1
  40. package/src/components/Select/components/Dropdown.tsx +1 -2
  41. package/src/components/Select/types.ts +6 -1
  42. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
  43. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
  44. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
  45. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
  46. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
  47. package/src/components/SequentialConnectingBranch/types.ts +19 -5
  48. package/src/components/TableTree/Components/TableBody.tsx +2 -2
  49. package/src/components/TableTree/Components/TableCell.tsx +18 -5
  50. package/src/components/TableTree/Components/TableHead.tsx +5 -3
  51. package/src/components/TableTree/TableTree.scss +88 -51
  52. package/src/components/TableTree/TableTree.stories.tsx +8 -7
  53. package/src/components/TableTree/TableTree.tsx +12 -11
  54. package/src/components/TableTree/data.ts +1 -1
  55. package/src/components/TableTree/types.ts +4 -3
  56. package/src/components/Tabs/Tabs.scss +1 -1
  57. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
  58. package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
  59. package/src/utils/getSequentialPayload/types.ts +6 -0
  60. package/src/utils/getTreeDetails/getTreeDetails.ts +3 -3
@@ -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/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"}
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/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/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"}
@@ -6,8 +6,11 @@ export interface OperatingSystemInfo {
6
6
  }
7
7
  export interface RunLevelExecutionDataSet {
8
8
  peVariableSetId: string;
9
+ peVariableSetName: string;
9
10
  globalVariableSetId: string;
11
+ globalVariableSetName: string;
10
12
  testDataSetId: string;
13
+ testDataSetName: string;
11
14
  }
12
15
  export interface MachineExecutionInstance {
13
16
  id: string;
@@ -26,4 +29,7 @@ export interface SequentialMachineInstance extends Omit<MachineExecutionInstance
26
29
  peVariableSetId: string;
27
30
  globalVariableSetId: string;
28
31
  testDataSetId: string;
32
+ peVariableSetName: string;
33
+ globalVariableSetName: string;
34
+ testDataSetName: string;
29
35
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.9.6",
4
+ "version": "1.9.8",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -308,6 +308,9 @@ $base-theme: (
308
308
  follow-user-icon-gray: #D9D9D9,
309
309
  follow-user-icon-yellow: #CDA434,
310
310
  follow-user-icon-salmon: #D36E70,
311
+
312
+ dataset-tooltip-title: #808080,
313
+ dataset-tooltip-value: #ffffff,
311
314
  );
312
315
 
313
316
  :root {
@@ -323,6 +323,9 @@ $dark-theme: (
323
323
  follow-user-icon-yellow: #CDA434,
324
324
  follow-user-icon-salmon: #D36E70,
325
325
 
326
+
327
+ dataset-tooltip-title: #808080,
328
+ dataset-tooltip-value: #ffffff,
326
329
  );
327
330
 
328
331
 
@@ -97,6 +97,9 @@ $file-details-bg: #ffffff;
97
97
 
98
98
  $variable-dropdown-bg: #ffffff;
99
99
 
100
+ $dataset-tooltip-title: #808080;
101
+ $dataset-tooltip-value: #ffffff;
102
+
100
103
  :root {
101
104
  --tooltip-bg-color: #{$tooltip-bg-color};
102
105
  --status-approved-text-color: #016102;
@@ -147,4 +150,6 @@ $variable-dropdown-bg: #ffffff;
147
150
  --slider-table-color: #{$slider-table-color};
148
151
 
149
152
  --variable-dropdown-bg: #($variable-dropdown-bg);
153
+ --dataset-tooltip-title: #($dataset-tooltip-title),
154
+ --dataset-tooltip-value: #($dataset-tooltip-value),
150
155
  }
@@ -31,18 +31,26 @@ const ConditionalDropdown = forwardRef<
31
31
  isHash = false,
32
32
  dataFiles = [],
33
33
  showAddVariableIcon = true,
34
+ helperText = '',
35
+ error,
36
+ autoComplete = 'off',
37
+ required = false,
38
+ formProps = {},
34
39
  ...props
35
40
  },
36
41
  ref
37
42
  ) => {
38
43
  const [showDropdown, setShowDropdown] = useState<boolean>(false);
44
+ const [isDropdownClicked, setIsDropdownClicked] = useState(false);
45
+ const [isFocused, setIsFocused] = useState(false);
39
46
  const [cursorPosition, setCursorPosition] = useState<number | null>(null);
47
+ const [findCursor, setFindCursor] = useState(0);
40
48
  const [showCreateVariableIcon, setShowCreateVariableIcon] =
41
49
  useState<boolean>(false);
42
50
  const [filteredOptions, setFilteredOptions] = useState<dynamicObject[]>([]);
51
+
43
52
  const inputRef = useRef<HTMLInputElement>(null);
44
53
 
45
- // Expose the `inputRef` to the parent via `ref`
46
54
  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);
47
55
 
48
56
  useEffect(() => {
@@ -53,12 +61,9 @@ const ConditionalDropdown = forwardRef<
53
61
  }, [cursorPosition]);
54
62
 
55
63
  useEffect(() => {
56
- const cursorPos = inputRef.current?.selectionStart || 0;
57
- const isDollarTyped = value[cursorPos - 1] === '$';
58
64
  if (isHash) {
59
65
  setShowDropdown(value.startsWith('#'));
60
66
  } else {
61
- setShowDropdown(isDollarTyped);
62
67
  setShowCreateVariableIcon(!value?.includes('$'));
63
68
  }
64
69
  if (value.startsWith('#') && isHash) {
@@ -70,6 +75,39 @@ const ConditionalDropdown = forwardRef<
70
75
  setShowDropdown(filtered.length > 0);
71
76
  }
72
77
  }, [value]);
78
+ const updateCursorPosition = () => {
79
+ if (inputRef.current) {
80
+ setFindCursor(inputRef.current.selectionStart || 0);
81
+ }
82
+ };
83
+
84
+ const handleClick = updateCursorPosition;
85
+ const handleKeyUp = updateCursorPosition;
86
+
87
+ useEffect(() => {
88
+ if (inputRef.current) {
89
+ setFindCursor(inputRef.current.selectionStart || 0);
90
+ }
91
+ }, [value]);
92
+
93
+ function findNearestDollar(input: string, cursorPosition: number): number {
94
+ const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosition - 1);
95
+
96
+ const nextDollarAfterCursor = input.indexOf('$', cursorPosition);
97
+
98
+ if (lastDollarBeforeCursor === -1 && nextDollarAfterCursor === -1) {
99
+ return -1;
100
+ } else if (lastDollarBeforeCursor === -1) {
101
+ return nextDollarAfterCursor;
102
+ } else if (nextDollarAfterCursor === -1) {
103
+ return lastDollarBeforeCursor;
104
+ } else {
105
+ return Math.abs(cursorPosition - lastDollarBeforeCursor) <=
106
+ Math.abs(nextDollarAfterCursor - cursorPosition)
107
+ ? lastDollarBeforeCursor
108
+ : nextDollarAfterCursor;
109
+ }
110
+ }
73
111
 
74
112
  const handleDropdownClick = (item: dynamicObject) => {
75
113
  if (inputRef.current) {
@@ -89,7 +127,8 @@ const ConditionalDropdown = forwardRef<
89
127
  newValue = item.name + value.slice(selectionEnd || 1);
90
128
  } else {
91
129
  newValue =
92
- value.slice(0, selectionStart || 0) +
130
+ value.slice(0, findNearestDollar(value, findCursor) || 0) +
131
+ '$' +
93
132
  dollarSyntax +
94
133
  value.slice(selectionEnd || 0);
95
134
  }
@@ -106,9 +145,75 @@ const ConditionalDropdown = forwardRef<
106
145
  setHashInputValue?.(item);
107
146
  setCursorPosition((selectionStart || 0) + dollarSyntax.length);
108
147
  setShowDropdown(false);
148
+ setIsDropdownClicked(true);
109
149
  }
110
150
  };
111
151
 
152
+ function getDropdownState(
153
+ input: string,
154
+ cursorPosit: number,
155
+ variableList: dynamicObject[]
156
+ ): { showDropdown: boolean; searchString: string } {
157
+ let showDropdown = false;
158
+ let searchString = '';
159
+ const checkifCursorPositionhasCloseCurly = value[cursorPosit - 1] === '}';
160
+ if (cursorPosit < 0 || cursorPosit > input.length) {
161
+ return { showDropdown, searchString };
162
+ }
163
+
164
+ const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosit - 1);
165
+ const nextDollarAfterCursor = input.indexOf('$', cursorPosit);
166
+
167
+ if (lastDollarBeforeCursor !== -1) {
168
+ if (cursorPosit === lastDollarBeforeCursor + 1) {
169
+ showDropdown = true;
170
+ searchString = '';
171
+ } else {
172
+ searchString = input.slice(
173
+ lastDollarBeforeCursor + 1,
174
+ nextDollarAfterCursor === -1 ? undefined : nextDollarAfterCursor
175
+ );
176
+
177
+ if (cursorPosit > lastDollarBeforeCursor + 1) {
178
+ searchString = input.slice(lastDollarBeforeCursor + 1, cursorPosit);
179
+ }
180
+ showDropdown = true;
181
+ }
182
+ if (isDropdownClicked && checkifCursorPositionhasCloseCurly) {
183
+ showDropdown = false;
184
+ }
185
+
186
+ if (/[{}]/.test(searchString) || cursorPosit === 0) {
187
+ showDropdown = false;
188
+ searchString = '';
189
+ }
190
+
191
+ if (searchString) {
192
+ const isInVariableList = variableList.some((file) =>
193
+ file.name.toLowerCase().includes(searchString.toLowerCase())
194
+ );
195
+ if (!isInVariableList) {
196
+ showDropdown = false;
197
+ searchString = '';
198
+ }
199
+ }
200
+ }
201
+
202
+ return { showDropdown, searchString };
203
+ }
204
+
205
+ const result = getDropdownState(value, findCursor, variableList);
206
+
207
+ const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {
208
+ {
209
+ if (
210
+ !e.relatedTarget ||
211
+ !e.relatedTarget.closest('.dropdown-container')
212
+ ) {
213
+ setIsFocused(false);
214
+ }
215
+ }
216
+ };
112
217
  return (
113
218
  <div className="ff-add-variable-container">
114
219
  <div className="ff-add-variable-input">
@@ -122,33 +227,47 @@ const ConditionalDropdown = forwardRef<
122
227
  variant="primary"
123
228
  label={label}
124
229
  placeholder={placeholder}
230
+ onClick={handleClick}
231
+ onKeyUp={handleKeyUp}
232
+ onFocus={() => setIsFocused(true)}
233
+ onBlur={(e) => handleBlur(e)}
234
+ autoComplete={autoComplete}
235
+ helperText={helperText}
236
+ error={error}
237
+ required={required}
238
+ {...formProps}
125
239
  />
126
- {!checkEmpty(value) && !isHash && showCreateVariableIcon && showAddVariableIcon && (
127
- <Icon
128
- onClick={onCreateVariableClick}
129
- name="add_variable"
130
- width={24}
131
- height={24}
132
- hoverEffect
133
- />
134
- )}
240
+ {!checkEmpty(value) &&
241
+ !isHash &&
242
+ showCreateVariableIcon &&
243
+ showAddVariableIcon && (
244
+ <Icon
245
+ onClick={onCreateVariableClick}
246
+ name="add_variable"
247
+ width={24}
248
+ height={24}
249
+ hoverEffect
250
+ />
251
+ )}
135
252
  </div>
136
- {showDropdown &&
137
- (isHash ? (
138
- <OptionsDropdown
139
- position="relative"
140
- width={dropdownWidth}
141
- filteredOptions={filteredOptions}
142
- onSelectVariable={handleDropdownClick}
143
- />
144
- ) : (
145
- <VariableDropdown
146
- position="absolute"
147
- width={dropdownWidth}
148
- optionsList={variableList}
149
- onSelectVariable={handleDropdownClick}
150
- />
151
- ))}
253
+ {result?.showDropdown && isFocused && (
254
+ <VariableDropdown
255
+ position="absolute"
256
+ width={dropdownWidth}
257
+ optionsList={variableList.filter((file) =>
258
+ file.name.toLowerCase().includes(result?.searchString)
259
+ )}
260
+ onSelectVariable={handleDropdownClick}
261
+ />
262
+ )}
263
+ {showDropdown && isHash && (
264
+ <OptionsDropdown
265
+ position="relative"
266
+ width={dropdownWidth}
267
+ filteredOptions={filteredOptions}
268
+ onSelectVariable={handleDropdownClick}
269
+ />
270
+ )}
152
271
  </div>
153
272
  );
154
273
  }
@@ -1,4 +1,4 @@
1
- import { dropdownPositionType } from "../Editor/types";
1
+ import { dropdownPositionType } from '../Editor/types';
2
2
 
3
3
  export type dynamicObject = {
4
4
  [key: string]: any;
@@ -10,7 +10,7 @@ export type TestDataObject = {
10
10
  actualPath: string;
11
11
  searchKey: string;
12
12
  parentId: string;
13
- }
13
+ };
14
14
 
15
15
  export interface ConditionalDropdownProps {
16
16
  /**
@@ -134,31 +134,33 @@ export interface ConditionalDropdownProps {
134
134
  * a boolean prop to show add variable icon or not.
135
135
  */
136
136
  showAddVariableIcon?: boolean;
137
+
138
+ formProps?: Record<string, any>;
137
139
  }
138
140
 
139
141
  export interface OptionsDropdownProps {
140
- /**
142
+ /**
141
143
  * Position whether absoloute or relative
142
144
  */
143
- position: 'absolute' | 'relative';
144
-
145
- /**
146
- * Dropdown width
147
- */
148
- width: string;
149
-
150
- /**
151
- * chars entered to search in Input :
152
- */
153
- filteredOptions?: dynamicObject[];
154
-
155
- /**
156
- * Function to handle click on variable
157
- */
158
- onSelectVariable: (variable: object) => void;
159
-
160
- /**
161
- * Dropdown postion used for dropdown placement
162
- */
163
- dropdownPosition?: dropdownPositionType;
164
- }
145
+ position: 'absolute' | 'relative';
146
+
147
+ /**
148
+ * Dropdown width
149
+ */
150
+ width: string;
151
+
152
+ /**
153
+ * chars entered to search in Input :
154
+ */
155
+ filteredOptions?: dynamicObject[];
156
+
157
+ /**
158
+ * Function to handle click on variable
159
+ */
160
+ onSelectVariable: (variable: object) => void;
161
+
162
+ /**
163
+ * Dropdown postion used for dropdown placement
164
+ */
165
+ dropdownPosition?: dropdownPositionType;
166
+ }
@@ -16,7 +16,7 @@
16
16
  .ff-drawer {
17
17
  margin-bottom: 4px;
18
18
  position: fixed;
19
- right: 0;
19
+ right: 5px;
20
20
  bottom: 0;
21
21
  top: 87px;
22
22
  background-color: var(--primary-button-text-color);
@@ -121,7 +121,7 @@ const Drawer: FC<DrawerProps> = ({
121
121
  onClick={toggleExpand}
122
122
  >
123
123
  <Icon
124
- name={isExpanded ? 'maximize_icon' : 'minimize_script'}
124
+ name={isExpanded ? 'minimize_script' : 'maximize_icon'}
125
125
  height={16}
126
126
  width={16}
127
127
  />
@@ -29,7 +29,7 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
29
29
  return (
30
30
  <div
31
31
  className="ff-variable-option"
32
- onClick={() => onSelectVariable(option)}
32
+ onMouseDown={() => onSelectVariable(option)}
33
33
  key={option?.id}
34
34
  >
35
35
  <Typography as="span" fontSize={14}>
@@ -9,6 +9,7 @@ import {
9
9
  EntireColumnsSelection,
10
10
  EntireRowsSelection,
11
11
  } from './selection';
12
+ import { createFormulaParser, Model } from './engine';
12
13
 
13
14
  export function applyBoldToCells(
14
15
  currentData: Matrix.Matrix<Types.CellBase<any>>,
@@ -557,19 +558,47 @@ export function edit(state: Types.StoreState): Types.StoreState {
557
558
  return { ...state, mode: 'edit' };
558
559
  }
559
560
 
561
+
562
+ const canClearCell = (cell: Types.CellBase | undefined) =>
563
+ cell && !cell.readOnly;
564
+ const clearCell = (cell: Types.CellBase | undefined) => {
565
+ if (!canClearCell(cell)) {
566
+ return cell;
567
+ }
568
+ return Object.assign({}, cell, { value: '', style: cell?.style });
569
+ };
570
+
560
571
  export function clear(state: Types.StoreState): Types.StoreState {
561
572
  if (!state.active) {
562
573
  return state;
563
574
  }
564
575
 
565
- const canClearCell = (cell: Types.CellBase | undefined) =>
566
- cell && !cell.readOnly;
567
- const clearCell = (cell: Types.CellBase | undefined) => {
568
- if (!canClearCell(cell)) {
569
- return cell;
570
- }
571
- return Object.assign({}, cell, { value: undefined });
576
+ const selectedRange = state.selected.toRange(state.model.data);
577
+
578
+ const changes: Types.CommitChanges = [];
579
+ let newData = state.model.data;
580
+
581
+ for (const point of selectedRange || []) {
582
+ const cell = Matrix.get(point, state.model.data);
583
+ const clearedCell = clearCell(cell);
584
+ changes.push({
585
+ prevCell: cell || null,
586
+ nextCell: clearedCell || null,
587
+ });
588
+ newData = Matrix.set(point, clearedCell, newData);
589
+ }
590
+
591
+ return {
592
+ ...state,
593
+ model: new Model(createFormulaParser, newData),
594
+ ...commit(changes),
572
595
  };
596
+ }
597
+
598
+ export function clearEditMode(state: Types.StoreState): Types.StoreState {
599
+ if (!state.active) {
600
+ return state;
601
+ }
573
602
 
574
603
  const selectedRange = state.selected.toRange(state.model.data);
575
604
 
@@ -588,6 +617,8 @@ export function clear(state: Types.StoreState): Types.StoreState {
588
617
 
589
618
  return {
590
619
  ...state,
620
+ mode: 'edit',
621
+ model: new Model(createFormulaParser, newData),
591
622
  ...commit(changes),
592
623
  };
593
624
  }
@@ -655,7 +686,7 @@ const keyDownHandlers: KeyDownHandlers = {
655
686
  ArrowRight: go(0, +1),
656
687
  Tab: go(0, +1),
657
688
  Enter: edit,
658
- Backspace: clear,
689
+ Backspace: clearEditMode,
659
690
  Delete: clear,
660
691
  Escape: blur,
661
692
  };
@@ -187,10 +187,6 @@ const ExcelToolBar: React.FC<ExcelToolBarProps> = ({
187
187
  label: 'Courier',
188
188
  value: 'Courier',
189
189
  },
190
- {
191
- label: 'Helvetica',
192
- value: 'Helvetica',
193
- },
194
190
  {
195
191
  label: 'Arial Rounded MT Bold',
196
192
  value: '"Arial Rounded MT Bold"',
@@ -29,6 +29,8 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
29
29
  transparentBackground = false,
30
30
  size = 'small',
31
31
  isLabelRequired = true,
32
+ onClick,
33
+ onKeyUp,
32
34
  ...props
33
35
  },
34
36
  ref
@@ -101,6 +103,8 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
101
103
  autoFocus={autoFocus}
102
104
  min={minValue}
103
105
  max={maxValue}
106
+ onClick={onClick}
107
+ onKeyUp={onKeyUp}
104
108
  {...props}
105
109
  />
106
110
 
@@ -57,6 +57,11 @@ export interface InputProps {
57
57
  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
58
58
 
59
59
  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
60
+
61
+ onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
62
+
63
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
64
+
60
65
  /**
61
66
  * id to select the input field uniquely
62
67
  */