pixel-react-excel-sheet 1.0.18 → 1.0.20

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 (40) hide show
  1. package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts +5 -0
  2. package/lib/components/ConditionalDropdown/index.d.ts +1 -0
  3. package/lib/components/ConditionalDropdown/types.d.ts +99 -0
  4. package/lib/components/CreateVariable/types.d.ts +2 -2
  5. package/lib/components/InputWithDropdown/InputWithDropdown.d.ts +1 -1
  6. package/lib/components/Modal/types.d.ts +1 -1
  7. package/lib/components/PopUpModal/types.d.ts +2 -1
  8. package/lib/components/TableTree/TableTree.d.ts +2 -2
  9. package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
  10. package/lib/index.d.ts +77 -12
  11. package/lib/index.esm.js +119 -120
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +119 -120
  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/import_icon.svg +4 -0
  18. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +82 -0
  19. package/src/components/{AddVariables/AddVariables.tsx → ConditionalDropdown/ConditionalDropdown.tsx} +30 -14
  20. package/src/components/ConditionalDropdown/index.ts +1 -0
  21. package/src/components/ConditionalDropdown/types.ts +103 -0
  22. package/src/components/CreateVariable/CreateVariableSlider.tsx +2 -2
  23. package/src/components/CreateVariable/types.ts +2 -2
  24. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +9 -26
  25. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +7 -2
  26. package/src/components/Excel/ExcelFile.stories.tsx +1 -1
  27. package/src/components/Icon/iconList.ts +3 -0
  28. package/src/components/InputWithDropdown/InputWithDropdown.tsx +102 -95
  29. package/src/components/Modal/types.ts +1 -1
  30. package/src/components/PopUpModal/PopUpModal.stories.tsx +15 -10
  31. package/src/components/PopUpModal/PopUpModal.tsx +5 -4
  32. package/src/components/PopUpModal/types.ts +2 -1
  33. package/src/components/TableTree/TableTree.stories.tsx +2 -5
  34. package/src/components/TableTree/TableTree.tsx +5 -167
  35. package/src/components/TableTree/Utils/getAllChildIds.ts +2 -0
  36. package/src/index.ts +2 -3
  37. package/src/components/AddVariables/AddVariables.stories.tsx +0 -44
  38. package/src/components/AddVariables/index.ts +0 -1
  39. package/src/components/AddVariables/types.ts +0 -36
  40. /package/src/components/{AddVariables/AddVariables.scss → ConditionalDropdown/ConditionalDropdown.scss} +0 -0
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}
1
+ {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/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/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.7.2"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react-excel-sheet",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.0.18",
4
+ "version": "1.0.20",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -0,0 +1,4 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6006 9.17662L6.68843 12.5781V11.1817C6.68843 11.1128 6.6324 11.0567 6.56343 11.0567H1.37695V7.29659H6.56343C6.63246 7.29659 6.68843 7.24065 6.68843 7.17159V5.77518L10.6006 9.17662ZM14.9394 1.55273L16.4502 3.06355H14.9394V1.55273Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12.3145 4.21158H7.23353C7.09525 4.21158 6.98337 4.0997 6.98337 3.96158C6.98337 3.82389 7.09525 3.71173 7.23353 3.71173H12.3144C12.4526 3.71173 12.5644 3.82392 12.5644 3.96158C12.5645 4.0997 12.4526 4.21158 12.3145 4.21158ZM14.5616 14.3913C14.5616 14.5295 14.4494 14.6414 14.3116 14.6414H7.23353C7.09525 14.6414 6.98337 14.5295 6.98337 14.3913C6.98337 14.2536 7.09525 14.1413 7.23353 14.1413H14.3116C14.4494 14.1413 14.5616 14.2536 14.5616 14.3913ZM14.5616 12.3054C14.5616 12.4435 14.4494 12.5554 14.3116 12.5554H8.68625C8.54812 12.5554 8.43625 12.4435 8.43625 12.3054C8.43625 12.1676 8.54812 12.0554 8.68625 12.0554H14.3116C14.4494 12.0554 14.5616 12.1676 14.5616 12.3054ZM14.5616 8.13343C14.5616 8.27171 14.4494 8.38359 14.3116 8.38359H11.2879C11.1498 8.38359 11.0379 8.27171 11.0379 8.13343C11.0379 7.99574 11.1498 7.88355 11.2879 7.88355H14.3116C14.4494 7.88355 14.5616 7.99574 14.5616 8.13343ZM14.5616 10.2194C14.5616 10.3575 14.4494 10.4694 14.3116 10.4694H11.2879C11.1498 10.4694 11.0379 10.3575 11.0379 10.2194C11.0379 10.0817 11.1498 9.9694 11.2879 9.9694H14.3116C14.4494 9.9694 14.5616 10.0817 14.5616 10.2194ZM14.5616 6.04758C14.5616 6.18571 14.4494 6.29758 14.3116 6.29758H8.68625C8.54812 6.29758 8.43625 6.18571 8.43625 6.04758C8.43625 5.90974 8.54812 5.79758 8.68625 5.79758H14.3116C14.4494 5.79755 14.5616 5.90974 14.5616 6.04758ZM5.04287 16.501H16.5019V3.43842H14.8144C14.6763 3.43842 14.5644 3.3267 14.5644 3.18858V1.50101H5.04287V6.92158H6.31356V5.5007C6.31356 5.40295 6.37062 5.3138 6.45978 5.27324C6.54881 5.23255 6.65346 5.24789 6.72718 5.3123L10.955 8.98796C11.0097 9.03543 11.041 9.10412 11.041 9.17665C11.041 9.24887 11.0097 9.31787 10.955 9.36549L6.72718 13.041C6.6809 13.0814 6.62253 13.1026 6.56312 13.1026C6.52818 13.1026 6.49281 13.0951 6.45978 13.0801C6.37059 13.0395 6.31356 12.9503 6.31356 12.8526V11.4316H5.04287V16.501ZM1.50195 7.42158V10.9317H6.56343C6.70125 10.9317 6.81343 11.0436 6.81343 11.1817V12.3038L10.4101 9.17665L6.81343 6.04949V7.17158C6.81343 7.30986 6.70125 7.42158 6.56343 7.42158H1.50195ZM15.0644 1.85448L16.1485 2.93851H15.0644V1.85448ZM16.9288 3.01195L14.991 1.0741C14.9441 1.02723 14.8806 1.00098 14.8144 1.00098H4.79287C4.65474 1.00098 4.54287 1.11285 4.54287 1.25098V6.92155H1.25195C1.11383 6.92155 1.00195 7.03343 1.00195 7.17155V11.1817C1.00195 11.3198 1.11383 11.4315 1.25195 11.4315H4.54287V16.751C4.54287 16.8891 4.65474 17.001 4.79287 17.001H16.752C16.8901 17.001 17.002 16.8891 17.002 16.751V3.18854C17.002 3.12223 16.9757 3.05882 16.9288 3.01195Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
4
+ </svg>
@@ -0,0 +1,82 @@
1
+ import React, { useState } from 'react';
2
+ import { Meta, StoryFn, StoryObj } from '@storybook/react';
3
+ import ConditionalDropdown from './ConditionalDropdown';
4
+ import { ConditionalDropdownProps, dynamicObject } from './types';
5
+ import { variableList } from '../Editor/constants';
6
+ import CreateVariableSlider from '../CreateVariable/CreateVariableSlider';
7
+
8
+ export default {
9
+ title: 'Components/ConditionalDropdown',
10
+ component: ConditionalDropdown,
11
+ args: {
12
+ label: 'Add Variables',
13
+ placeholder: 'Enter text',
14
+ variableList,
15
+ dropdownWidth: '138px',
16
+ variant: 'primary',
17
+ },
18
+ parameters: {
19
+ layout: 'centered',
20
+ },
21
+ } as Meta<ConditionalDropdownProps>;
22
+
23
+ // Wrapper component to handle state inside Storybook stories
24
+ const Template: StoryFn<ConditionalDropdownProps> = (args) => {
25
+ const [inputValue, setInputValue] = useState<string>('');
26
+ const [openCreateVariable, setOpenCreateVariable] = useState<boolean>(false);
27
+ const [variableName, setVariableName] = useState<string>('');
28
+ const [variableValue, setVariableValue] = useState<string>('');
29
+ const [selectedVariable, setSelectedVariable] = useState<dynamicObject>({
30
+ label: 'Local Variable',
31
+ value: 'LOCAL',
32
+ });
33
+ const [hideValue, setHideValue] = useState<boolean>(false);
34
+
35
+ return (
36
+ <>
37
+ <ConditionalDropdown
38
+ {...args}
39
+ onChange={(value: string) => setInputValue(value)}
40
+ value={inputValue}
41
+ onCreateVariableClick={() => setOpenCreateVariable(true)}
42
+ />
43
+ {openCreateVariable && (
44
+ <CreateVariableSlider
45
+ isOpen={openCreateVariable}
46
+ onClose={() => setOpenCreateVariable(false)}
47
+ variableName={variableName}
48
+ value={variableValue}
49
+ hideValue={hideValue}
50
+ handleSubmit={() => {
51
+ alert('Variable Created');
52
+ }}
53
+ onHideChange={(value) => {
54
+ setHideValue(value);
55
+ }}
56
+ onNameChange={(value) => {
57
+ setVariableName(value);
58
+ }}
59
+ onValueChange={(value) => setVariableValue(value)}
60
+ onVariableTypeChange={(option) => setSelectedVariable(option)}
61
+ selectedVariableType={selectedVariable}
62
+ variableTypesList={[
63
+ { label: 'Local Variable', value: 'LOCAL' },
64
+ { label: 'Global Variable', value: 'GLOBAL' },
65
+ ]}
66
+ />
67
+ )}
68
+ </>
69
+ );
70
+ };
71
+
72
+ export const Default = Template.bind({});
73
+ Default.args = {
74
+ onCreateVariableClick: () => alert('Create Variable clicked'),
75
+ };
76
+
77
+ // Customized story with pre-filled input value
78
+ export const WithInitialValue = Template.bind({});
79
+ WithInitialValue.args = {
80
+ inputValue: 'Initial Text with $',
81
+ onCreateVariableClick: () => alert('Create Variable clicked'),
82
+ };
@@ -2,11 +2,11 @@ import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
2
2
  import VariableDropdown from '../Editor/VariableDropdown';
3
3
  import Icon from '../Icon';
4
4
  import Input from '../Input';
5
- import { AddVariableProps, dynamicObject } from './types';
6
- import './AddVariables.scss';
5
+ import { ConditionalDropdownProps, dynamicObject } from './types';
6
+ import './ConditionalDropdown.scss';
7
7
  import React, { useState, useRef, useEffect } from 'react';
8
8
 
9
- const AddVariables: React.FC<AddVariableProps> = ({
9
+ const ConditionalDropdown: React.FC<ConditionalDropdownProps> = ({
10
10
  label = '',
11
11
  variableList = [],
12
12
  placeholder = 'Enter text',
@@ -14,7 +14,9 @@ const AddVariables: React.FC<AddVariableProps> = ({
14
14
  onCreateVariableClick,
15
15
  value = '',
16
16
  dropdownWidth = 'inherit',
17
+ ...props
17
18
  }) => {
19
+ const [inputValue, setInputValue] = useState<string>('');
18
20
  const [showDropdown, setShowDropdown] = useState<boolean>(false);
19
21
  const [cursorPosition, setCursorPosition] = useState<number | null>(null);
20
22
  const [showCreateVariableIcon, setShowCreateVariableIcon] =
@@ -28,20 +30,35 @@ const AddVariables: React.FC<AddVariableProps> = ({
28
30
  }
29
31
  }, [cursorPosition]);
30
32
 
33
+ useEffect(() => {
34
+ const newPayload = replaceVariablesWithIds(inputValue);
35
+ onChange(newPayload);
36
+ }, [inputValue]);
37
+
38
+ const replaceVariablesWithIds = (input: string): string => {
39
+ return input.replace(/\${.*?_(.*?)}/g, (_, variableName) => {
40
+ // Find the matching variable in the list by name
41
+ const foundVariable = variableList.find(
42
+ (varaible) => varaible.name === variableName.trim()
43
+ );
44
+ return foundVariable ? `\${${foundVariable.id}}` : `\${${variableName}}`; // Replace if found, otherwise keep as is
45
+ });
46
+ };
47
+
31
48
  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
32
- const value = event.target.value;
33
- onChange?.(value);
49
+ const fieldValue = event.target.value;
50
+ setInputValue(fieldValue);
34
51
 
35
52
  // Show dropdown only if the last character typed is `$`
36
53
  const cursorPos = inputRef.current?.selectionStart || 0;
37
- const isDollarTyped = value[cursorPos - 1] === '$';
54
+ const isDollarTyped = fieldValue[cursorPos - 1] === '$';
38
55
 
39
56
  if (isDollarTyped) {
40
57
  setShowDropdown(true);
41
58
  } else {
42
59
  setShowDropdown(false); // Close if it's a space or other characters
43
60
  }
44
- if (value?.includes('$')) {
61
+ if (fieldValue?.includes('$')) {
45
62
  setShowCreateVariableIcon(false);
46
63
  } else {
47
64
  setShowCreateVariableIcon(true);
@@ -62,16 +79,14 @@ const AddVariables: React.FC<AddVariableProps> = ({
62
79
  }_${item.name}}`;
63
80
 
64
81
  const newValue =
65
- value.slice(0, selectionStart || 0) +
82
+ inputValue.slice(0, selectionStart || 0) +
66
83
  dollarSyntax +
67
- value.slice(selectionEnd || 0);
68
-
69
- onChange(newValue);
84
+ inputValue.slice(selectionEnd || 0);
85
+ setInputValue(newValue);
70
86
  setCursorPosition((selectionStart || 0) + dollarSyntax.length);
71
87
 
72
88
  // Close the dropdown after inserting the variable
73
89
  setShowDropdown(false);
74
- onChange?.(newValue);
75
90
  }
76
91
  };
77
92
 
@@ -79,10 +94,11 @@ const AddVariables: React.FC<AddVariableProps> = ({
79
94
  <div className="ff-add-variable-container">
80
95
  <div className="ff-add-variable-input">
81
96
  <Input
97
+ {...props}
82
98
  name="add_variable"
83
99
  ref={inputRef}
84
100
  type="text"
85
- value={value}
101
+ value={inputValue}
86
102
  onChange={handleChange}
87
103
  variant="primary"
88
104
  label={label}
@@ -110,4 +126,4 @@ const AddVariables: React.FC<AddVariableProps> = ({
110
126
  );
111
127
  };
112
128
 
113
- export default AddVariables;
129
+ export default ConditionalDropdown;
@@ -0,0 +1 @@
1
+ export { default } from './ConditionalDropdown';
@@ -0,0 +1,103 @@
1
+ export type dynamicObject = {
2
+ [key: string]: any;
3
+ };
4
+
5
+ export interface ConditionalDropdownProps {
6
+ /**
7
+ * Label for the field
8
+ */
9
+ label?: string;
10
+ /**
11
+ * List of variables
12
+ */
13
+ variableList?: dynamicObject[];
14
+ /**
15
+ * Place holder for the input field
16
+ */
17
+ placeholder?: string;
18
+ /**
19
+ * Function to handle input change
20
+ * @param value
21
+ * @returns
22
+ */
23
+ onChange: (value: string) => void;
24
+ /**
25
+ * Function to handle create variable icon click
26
+ */
27
+ onCreateVariableClick?: () => void;
28
+ /**
29
+ * Width of the dropdown
30
+ */
31
+ dropdownWidth?: string;
32
+ /**
33
+ * Name | name of the input field
34
+ */
35
+ name: string;
36
+ /**
37
+ * value | input field value
38
+ */
39
+ value: string;
40
+ /**
41
+ * variants to set color/style of the input field
42
+ */
43
+ variant?: 'default' | 'primary';
44
+ /**
45
+ * type to set color/style of the input field
46
+ */
47
+ type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
48
+ /**
49
+ * error | If true, error message will be displayed
50
+ */
51
+ error?: boolean;
52
+ /**
53
+ * helperText | error, success, warning message to be shown
54
+ */
55
+ helperText?: string;
56
+ /**
57
+ * to disable the input field
58
+ */
59
+ disabled?: boolean;
60
+ /**
61
+ * if true, input field will be mandatory
62
+ */
63
+ required?: boolean;
64
+ /**
65
+ * classnames to style the input field
66
+ */
67
+ className?: string;
68
+ /**
69
+ * noBorder prop 'true' removes border of input
70
+ */
71
+ noBorder?: boolean;
72
+
73
+ onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
74
+
75
+ onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
76
+
77
+ onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
78
+ /**
79
+ * id to select the input field uniquely
80
+ */
81
+ id?: string;
82
+ /**
83
+ * if on, suggestion popup will be displayed
84
+ */
85
+ autoComplete?: 'on' | 'off';
86
+ /**
87
+ * minimum and maximum values for the number type input field and their functions
88
+ */
89
+ minValue?: number;
90
+ maxValue?: number;
91
+ /**
92
+ * background of the input field prop
93
+ */
94
+ transparentBackground?: boolean;
95
+ /**
96
+ * size for the input field
97
+ */
98
+ size?: 'small' | 'medium';
99
+ /**
100
+ * isLabelRequired for the input field without label,showing placeholder
101
+ */
102
+ isLabelRequired?: boolean;
103
+ }
@@ -57,7 +57,7 @@ const CreateVariableSlider: FC<CreateVariableProps> = ({
57
57
  required
58
58
  type="text"
59
59
  name="variable name"
60
- value={variableName}
60
+ value={variableName || ''}
61
61
  onChange={(event) => onNameChange(event.target.value)}
62
62
  />
63
63
  <Select
@@ -73,7 +73,7 @@ const CreateVariableSlider: FC<CreateVariableProps> = ({
73
73
  required
74
74
  type="text"
75
75
  name="value"
76
- value={value}
76
+ value={value || ''}
77
77
  onChange={(event) => onValueChange(event.target.value)}
78
78
  />
79
79
  <div className="ff-hide-value-content">
@@ -38,11 +38,11 @@ export interface CreateVariableProps {
38
38
  /**
39
39
  * onChange of name
40
40
  */
41
- onNameChange: (value: string | boolean) => void;
41
+ onNameChange: (value: string) => void;
42
42
  /**
43
43
  * onChange of value
44
44
  */
45
- onValueChange: (value: string | boolean) => void;
45
+ onValueChange: (value: string) => void;
46
46
  /**
47
47
  * Hide value
48
48
  */
@@ -103,33 +103,8 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
103
103
  );
104
104
 
105
105
  return (
106
- // <th
107
- // style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
108
- // className={classNames('ff-spreadsheet-header', {
109
- // 'ff-spreadsheet-header--selected': selected,
110
- // })}
111
- // onClick={handleClick}
112
- // onContextMenu={contextClick}
113
- // tabIndex={0}
114
- // >
115
- // {label !== undefined ? label : columnIndexToLabel(column)}
116
- // <div
117
- // onMouseDown={onMouseDown}
118
- // onClick={() => activate({ row: -1, column })}
119
- // style={{
120
- // zIndex: 'inherit',
121
- // width: '2px',
122
- // position: 'absolute',
123
- // right: 0,
124
- // top: 0,
125
- // height: '100%',
126
- // cursor: 'ew-resize',
127
- // }}
128
- // />
129
- // </th>
130
-
131
106
  <th
132
- style={{ minWidth: `${columnWidth}px`}} //Dynamic value, Inline Styling required
107
+ style={{ minWidth: `${columnWidth}px`, position: 'relative' }}
133
108
  className={classNames('ff-spreadsheet-header', {
134
109
  'ff-spreadsheet-header--selected': selected,
135
110
  })}
@@ -137,7 +112,15 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
137
112
  onContextMenu={contextClick}
138
113
  tabIndex={0}
139
114
  >
115
+ <div
116
+ style={{ position: 'fixed' }}
117
+ onClick={handleClick}
118
+ onContextMenu={contextClick}
119
+ tabIndex={0}>
120
+
121
+ </div>
140
122
  {label !== undefined ? label : columnIndexToLabel(column)}
123
+
141
124
  <div
142
125
  onMouseDown={onMouseDown}
143
126
  onClick={() => activate({ row: -1, column })}
@@ -46,6 +46,9 @@
46
46
 
47
47
  .ff-spreadsheet-table {
48
48
  overflow: scroll;
49
+ top: 0;
50
+ left: 0;
51
+ position: relative;
49
52
  &::-webkit-scrollbar {
50
53
  height: 0px;
51
54
  }
@@ -97,7 +100,7 @@
97
100
  }
98
101
 
99
102
  .ff-spreadsheet-corner-header{
100
-
103
+ padding-left: 20px;
101
104
  z-index: 1100;
102
105
  }
103
106
 
@@ -106,12 +109,14 @@
106
109
  color: var(--tooltip-text-color);
107
110
  }
108
111
 
109
- .ff-spreadsheet-header,
110
112
  .ff-spreadsheet-data-viewer,
111
113
  .ff-spreadsheet-data-editor input {
112
114
  padding: 4px;
113
115
  box-sizing: border-box;
114
116
  }
117
+ .ff-spreadsheet-header{
118
+ box-sizing: border-box;
119
+ }
115
120
 
116
121
  .ff-spreadsheet-data-viewer--preserve-breaks {
117
122
  white-space: pre-wrap;
@@ -160,7 +160,7 @@ export const Default: Story = {
160
160
  action: () => {},
161
161
  },
162
162
  ],
163
- sheetHeight:"",
163
+ sheetHeight:"300px",
164
164
  onSave: () => {},
165
165
  },
166
166
  };
@@ -246,6 +246,7 @@ import machineEnableIcon from '../../assets/icons/machine_enable_icon.svg?react'
246
246
  import machineDisableIcon from '../../assets/icons/machine_disable_icon.svg?react';
247
247
  import suitesIcon from '../../assets/icons/suites_icon.svg?react';
248
248
  import executionsIcon from '../../assets/icons/executions_icon.svg?react';
249
+ import ImportIcon from '../../assets/icons/import_icon.svg?react';
249
250
 
250
251
  Components['success'] = ToastSuccessIcon;
251
252
  Components['alert'] = Alert;
@@ -488,4 +489,6 @@ Components['machine_enable_icon'] = machineEnableIcon;
488
489
  Components['machine_disable_icon'] = machineDisableIcon;
489
490
  Components['executions_icon'] = executionsIcon;
490
491
  Components['suites_icon'] = suitesIcon;
492
+ Components['import_icon'] = ImportIcon;
493
+
491
494
  export default Components;