pixel-react 1.10.8 → 1.10.10-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +1 -1
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +9 -0
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +62 -5
- package/lib/components/InputWithDropdown/types.d.ts +2 -0
- package/lib/components/variableSuggestionInputDropDown/OptionsDropdown.d.ts +5 -0
- package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.d.ts +4 -0
- package/lib/components/variableSuggestionInputDropDown/index.d.ts +1 -0
- package/lib/components/variableSuggestionInputDropDown/types.d.ts +150 -0
- package/lib/index.d.ts +204 -13
- package/lib/index.esm.js +146 -114
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +146 -114
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/icons/module_icon.svg +3 -0
- package/src/components/AddResourceButton/AddResourceButton.stories.tsx +32 -16
- package/src/components/AddResourceButton/AddResourceButton.tsx +2 -0
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +2 -2
- package/src/components/AddResourceButton/type.ts +9 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +1 -1
- package/src/components/AppHeader/AppHeader.scss +1 -1
- package/src/components/Editor/VariableDropdown.scss +0 -1
- package/src/components/Editor/VariableDropdown.tsx +9 -2
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +122 -54
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +0 -1
- package/src/components/Excel/ExcelFile.stories.tsx +1 -0
- package/src/components/FileDropzone/Dropzone.tsx +2 -1
- package/src/components/FileDropzone/FileDropzone.tsx +3 -5
- package/src/components/Icon/iconList.ts +6 -4
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -2
- package/src/components/InputWithDropdown/types.ts +2 -0
- package/src/components/MenuOption/MenuOption.tsx +1 -1
- package/src/components/Select/components/Dropdown.scss +1 -0
- package/src/components/Table/Table.tsx +3 -1
- package/src/components/TableTree/TableTree.scss +15 -14
- package/src/components/TableTree/TableTree.stories.tsx +26 -12
- package/src/components/TableTree/TableTree.tsx +47 -23
- package/src/components/TableTree/data.ts +1 -1
- package/src/components/variableSuggestionInputDropDown/OptionsDropdown.tsx +51 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.scss +18 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.stories.tsx +155 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx +244 -0
- package/src/components/variableSuggestionInputDropDown/index.ts +1 -0
- package/src/components/variableSuggestionInputDropDown/types.ts +166 -0
- package/src/index.ts +2 -0
- package/src/utils/TableCell/TableCell.ts +3 -0
package/lib/tsconfig.tsbuildinfo
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"root":["../src/index.ts","../src/componentprops/treenodeprops.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addresourcebutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/browsertabs/browsertabs.tsx","../src/components/browsertabs/index.ts","../src/components/browsertabs/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/choosefile/choosefile.tsx","../src/components/choosefile/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasettooltip/datasettooltip.tsx","../src/components/sequentialconnectingbranch/components/datasettooltip/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/components/addmodule/addmodule.tsx","../src/components/tabletree/utils/addnewrow.ts","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.ts","../src/utils/getanchorelement/getanchorelement.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/gettreedetails/gettreedetails.ts","../src/utils/handletreenodeselect/handletreenodeselect.ts","../src/utils/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
|
1
|
+
{"root":["../src/index.ts","../src/componentprops/treenodeprops.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addresourcebutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/browsertabs/browsertabs.tsx","../src/components/browsertabs/index.ts","../src/components/browsertabs/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/choosefile/choosefile.tsx","../src/components/choosefile/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasettooltip/datasettooltip.tsx","../src/components/sequentialconnectingbranch/components/datasettooltip/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/components/addmodule/addmodule.tsx","../src/components/tabletree/utils/addnewrow.ts","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/components/variablesuggestioninputdropdown/optionsdropdown.tsx","../src/components/variablesuggestioninputdropdown/variablesuggestioninputdropdown.tsx","../src/components/variablesuggestioninputdropdown/index.ts","../src/components/variablesuggestioninputdropdown/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.ts","../src/utils/getanchorelement/getanchorelement.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/gettreedetails/gettreedetails.ts","../src/utils/handletreenodeselect/handletreenodeselect.ts","../src/utils/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
|
package/package.json
CHANGED
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M15.5312 11.3125H14.125V8.625C14.125 8.36613 13.9151 8.15625 13.6562 8.15625H8.46875V5.9375H10.5C10.7589 5.9375 10.9688 5.72762 10.9688 5.46875V0.46875C10.9688 0.209875 10.7589 0 10.5 0H5.5C5.24113 0 5.03125 0.209875 5.03125 0.46875V5.46875C5.03125 5.72762 5.24113 5.9375 5.5 5.9375H7.53125V8.15625H2.34375C2.08488 8.15625 1.875 8.36613 1.875 8.625V11.3125H0.46875C0.209875 11.3125 0 11.5224 0 11.7812V15.5312C0 15.7901 0.209875 16 0.46875 16H4.21875C4.47762 16 4.6875 15.7901 4.6875 15.5312V11.7812C4.6875 11.5224 4.47762 11.3125 4.21875 11.3125H2.8125V9.09375H7.53125V11.3125H6.125C5.86613 11.3125 5.65625 11.5224 5.65625 11.7812V15.5312C5.65625 15.7901 5.86613 16 6.125 16H9.875C10.1339 16 10.3438 15.7901 10.3438 15.5312V11.7812C10.3438 11.5224 10.1339 11.3125 9.875 11.3125H8.46875V9.09375H13.1875V11.3125H11.7812C11.5224 11.3125 11.3125 11.5224 11.3125 11.7812V15.5312C11.3125 15.7901 11.5224 16 11.7812 16H15.5312C15.7901 16 16 15.7901 16 15.5312V11.7812C16 11.5224 15.7901 11.3125 15.5312 11.3125ZM5.96875 0.9375H10.0312V5H5.96875V0.9375ZM3.75 15.0625H0.9375V12.25H3.75V15.0625ZM9.40625 15.0625H6.59375V12.25H9.40625V15.0625ZM15.0625 15.0625H12.25V12.25H15.0625V15.0625Z" fill="currentColor"/>
|
3
|
+
</svg>
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
2
2
|
import AddResourceButton from './AddResourceButton';
|
3
3
|
import { AddResourceButtonProps } from './type';
|
4
|
+
import { ReactNode } from 'react';
|
4
5
|
|
5
6
|
const meta: Meta<typeof AddResourceButton> = {
|
6
7
|
title: 'Components/AddResourceButton',
|
@@ -20,13 +21,16 @@ export const Default: Story = {
|
|
20
21
|
menuOptions: [
|
21
22
|
{
|
22
23
|
label: 'Sub Module',
|
23
|
-
value: '
|
24
|
-
icon: '
|
24
|
+
value: 'sub_module_sibling',
|
25
|
+
icon: 'module_icon',
|
25
26
|
disable: false,
|
26
27
|
},
|
27
28
|
],
|
28
29
|
},
|
29
30
|
],
|
31
|
+
onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
|
32
|
+
alert(`Option clicked: ${option.label}, Value: ${option.value}`);
|
33
|
+
},
|
30
34
|
} as AddResourceButtonProps,
|
31
35
|
};
|
32
36
|
|
@@ -38,7 +42,7 @@ export const TwoArrowsButtons: Story = {
|
|
38
42
|
menuOptions: [
|
39
43
|
{
|
40
44
|
label: 'Add Module',
|
41
|
-
value: '
|
45
|
+
value: 'add_module_top',
|
42
46
|
icon: 'module_icon',
|
43
47
|
disable: false,
|
44
48
|
},
|
@@ -48,14 +52,17 @@ export const TwoArrowsButtons: Story = {
|
|
48
52
|
direction: 'right',
|
49
53
|
menuOptions: [
|
50
54
|
{
|
51
|
-
label: 'Add Module',
|
52
|
-
value: '
|
55
|
+
label: 'Add Sub Module',
|
56
|
+
value: 'add_sub_module_sibling',
|
53
57
|
icon: 'module_icon',
|
54
58
|
disable: false,
|
55
59
|
},
|
56
60
|
],
|
57
61
|
},
|
58
62
|
],
|
63
|
+
onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
|
64
|
+
alert(`Option clicked: ${option.label}, Value: ${option.value}`);
|
65
|
+
},
|
59
66
|
} as AddResourceButtonProps,
|
60
67
|
};
|
61
68
|
|
@@ -67,7 +74,7 @@ export const ThreeArrowsButton: Story = {
|
|
67
74
|
menuOptions: [
|
68
75
|
{
|
69
76
|
label: 'Module',
|
70
|
-
value: '
|
77
|
+
value: 'add_module_top',
|
71
78
|
icon: 'module_icon',
|
72
79
|
disable: false,
|
73
80
|
},
|
@@ -78,32 +85,38 @@ export const ThreeArrowsButton: Story = {
|
|
78
85
|
menuOptions: [
|
79
86
|
{
|
80
87
|
label: 'Sub Module',
|
81
|
-
value: '
|
88
|
+
value: 'add_module_sibling',
|
82
89
|
icon: 'module_icon',
|
83
90
|
disable: false,
|
84
91
|
},
|
85
92
|
{
|
86
93
|
label: 'Automation Script',
|
87
|
-
value: '
|
88
|
-
icon: '
|
94
|
+
value: 'add_Automation_script_sibling',
|
95
|
+
icon: 'automation_testcase',
|
89
96
|
disable: false,
|
90
97
|
},
|
91
98
|
{
|
92
99
|
label: 'Manual Test Case',
|
93
|
-
value: '
|
94
|
-
icon: '
|
100
|
+
value: 'add_manual_test_case_sibling',
|
101
|
+
icon: 'manual_testcase',
|
95
102
|
disable: false,
|
96
103
|
},
|
97
104
|
{
|
98
105
|
label: 'Pre / Post Condition',
|
99
|
-
value: '
|
100
|
-
icon: '
|
106
|
+
value: 'add_pre_post_condition_sibling',
|
107
|
+
icon: 'pre_post_condition',
|
101
108
|
disable: false,
|
102
109
|
},
|
103
110
|
{
|
104
111
|
label: 'Authorization',
|
105
|
-
value: '
|
106
|
-
icon: '
|
112
|
+
value: 'add_authorization_sibling',
|
113
|
+
icon: 'authorization_icon',
|
114
|
+
disable: false,
|
115
|
+
},
|
116
|
+
{
|
117
|
+
label: 'Data Provider',
|
118
|
+
value: 'data_provider_sibling',
|
119
|
+
icon: 'data_provider',
|
107
120
|
disable: false,
|
108
121
|
},
|
109
122
|
],
|
@@ -113,13 +126,16 @@ export const ThreeArrowsButton: Story = {
|
|
113
126
|
menuOptions: [
|
114
127
|
{
|
115
128
|
label: 'Sub Module',
|
116
|
-
value: '
|
129
|
+
value: 'sub_module_down',
|
117
130
|
icon: 'module_icon',
|
118
131
|
disable: false,
|
119
132
|
},
|
120
133
|
],
|
121
134
|
},
|
122
135
|
],
|
136
|
+
onMenuOptionClick: (option: { label: string | ReactNode; value: any }) => {
|
137
|
+
alert(`Option clicked: ${option.label}, Value: ${option.value}`);
|
138
|
+
},
|
123
139
|
} as AddResourceButtonProps,
|
124
140
|
};
|
125
141
|
|
@@ -23,6 +23,7 @@ const AddResourceButton = ({
|
|
23
23
|
],
|
24
24
|
zIndex = 99,
|
25
25
|
treeRowRef,
|
26
|
+
onMenuOptionClick,
|
26
27
|
}: AddResourceButtonProps) => {
|
27
28
|
const [isHovered, setIsHovered] = useState<boolean>(false);
|
28
29
|
const [positionArrowContainer, setPositionArrowContainer] = useState<{
|
@@ -123,6 +124,7 @@ const AddResourceButton = ({
|
|
123
124
|
isActive={activeArrow === direction}
|
124
125
|
variant={variant}
|
125
126
|
treeRowRef={treeRowRef}
|
127
|
+
onMenuOptionClick={onMenuOptionClick}
|
126
128
|
/>
|
127
129
|
)
|
128
130
|
)}
|
@@ -9,6 +9,7 @@ const ArrowsButton = ({
|
|
9
9
|
menuOptions,
|
10
10
|
onArrowClick,
|
11
11
|
treeRowRef,
|
12
|
+
onMenuOptionClick,
|
12
13
|
}: DirectionalArrowButtonProps & { isActive: boolean }) => {
|
13
14
|
const getIconName = () => {
|
14
15
|
return `arrows_${direction}_icon`;
|
@@ -32,8 +33,7 @@ const ArrowsButton = ({
|
|
32
33
|
iconSize={12}
|
33
34
|
iconButtonSize={24}
|
34
35
|
iconButtonBorderRadius={3}
|
35
|
-
onOptionClick={
|
36
|
-
targetRef={menuOptionRef}
|
36
|
+
onOptionClick={onMenuOptionClick}
|
37
37
|
treeRowRef={treeRowRef}
|
38
38
|
/>
|
39
39
|
</span>
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
1
2
|
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
2
3
|
|
3
4
|
/**
|
@@ -43,6 +44,10 @@ export interface AddResourceButtonProps {
|
|
43
44
|
}[];
|
44
45
|
zIndex?: number;
|
45
46
|
treeRowRef?: React.RefObject<any | null>;
|
47
|
+
onMenuOptionClick?: (option: {
|
48
|
+
label: string | ReactNode;
|
49
|
+
value: any;
|
50
|
+
}) => void;
|
46
51
|
}
|
47
52
|
|
48
53
|
/**
|
@@ -62,6 +67,10 @@ export interface DirectionalArrowButtonProps {
|
|
62
67
|
disable?: boolean;
|
63
68
|
}[];
|
64
69
|
onArrowClick: () => void;
|
70
|
+
onMenuOptionClick?: (option: {
|
71
|
+
label: string | ReactNode;
|
72
|
+
value: any;
|
73
|
+
}) => void;
|
65
74
|
isActive: boolean;
|
66
75
|
variant?: 'primary' | 'secondary';
|
67
76
|
treeRowRef?: React.RefObject<any | null>;
|
@@ -2,6 +2,7 @@
|
|
2
2
|
display: flex;
|
3
3
|
.ff-app-header {
|
4
4
|
display: flex;
|
5
|
+
z-index: 1000;
|
5
6
|
flex-basis: 100%;
|
6
7
|
justify-content: space-between;
|
7
8
|
background-color: var(--brand-color);
|
@@ -23,7 +24,6 @@
|
|
23
24
|
border-radius: 20px;
|
24
25
|
padding: 4px;
|
25
26
|
padding-bottom: 16px;
|
26
|
-
z-index: 1000;
|
27
27
|
.ff-app-header-nav-bar-items {
|
28
28
|
display: flex;
|
29
29
|
align-items: center;
|
@@ -4,6 +4,7 @@ import Icon from '../Icon';
|
|
4
4
|
import './VariableDropdown.scss';
|
5
5
|
import Typography from '../Typography';
|
6
6
|
import cx from 'classnames';
|
7
|
+
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
7
8
|
|
8
9
|
const VariableDropdown: FC<VariableDropdownProps> = ({
|
9
10
|
optionsList = [],
|
@@ -25,7 +26,7 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
|
|
25
26
|
: { width }
|
26
27
|
}
|
27
28
|
>
|
28
|
-
{optionsList?.map((option: DyanamicObj): ReactNode => {
|
29
|
+
{!checkEmpty(optionsList)? optionsList?.map((option: DyanamicObj): ReactNode => {
|
29
30
|
return (
|
30
31
|
<div
|
31
32
|
className="ff-variable-option"
|
@@ -49,7 +50,13 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
|
|
49
50
|
/>
|
50
51
|
</div>
|
51
52
|
);
|
52
|
-
})
|
53
|
+
}):(<div
|
54
|
+
className="ff-variable-option"
|
55
|
+
>
|
56
|
+
<Typography as="span" fontSize={14}>
|
57
|
+
No Option
|
58
|
+
</Typography>
|
59
|
+
</div>)}
|
53
60
|
</div>
|
54
61
|
);
|
55
62
|
};
|
@@ -14,14 +14,29 @@ import {
|
|
14
14
|
convertStyleToFrontend,
|
15
15
|
} from '../dataConversion';
|
16
16
|
import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
|
17
|
+
import { debounce } from '../../../utils/debounce/debounce';
|
17
18
|
|
18
19
|
interface ExcelFileProps {
|
19
|
-
/**
|
20
|
+
/**
|
21
|
+
* The Excel data containing all the sheets and their respective content.
|
22
|
+
*/
|
20
23
|
excelData: WorkSheet[];
|
21
24
|
|
22
|
-
/**
|
25
|
+
/**
|
26
|
+
* Optional configuration for the context menu (usually shown on right-click).
|
27
|
+
* This allows customization of the context menu options with a label, value, icon, and action to be performed.
|
28
|
+
*/
|
23
29
|
contextOption?: {
|
30
|
+
/**
|
31
|
+
* Whether the context menu should be enabled (open or not).
|
32
|
+
* If set to true, the context menu will be shown, otherwise, it will be disabled.
|
33
|
+
*/
|
24
34
|
open: boolean;
|
35
|
+
|
36
|
+
/**
|
37
|
+
* Array of options available in the context menu. Each option contains a label (display name),
|
38
|
+
* value (identifier), iconName (icon to display), and action (function to be executed on click).
|
39
|
+
*/
|
25
40
|
options: {
|
26
41
|
label: string;
|
27
42
|
value: string;
|
@@ -30,18 +45,72 @@ interface ExcelFileProps {
|
|
30
45
|
}[];
|
31
46
|
};
|
32
47
|
|
33
|
-
/**
|
48
|
+
/**
|
49
|
+
* Controls whether the toolbar is shown or hidden.
|
50
|
+
* Possible values:
|
51
|
+
* - 'show' to display the toolbar
|
52
|
+
* - 'hide' to hide the toolbar
|
53
|
+
*/
|
34
54
|
toolbar?: 'show' | 'hide';
|
55
|
+
|
56
|
+
/**
|
57
|
+
* Controls whether the sheet navigation bar (tabs) is shown or hidden.
|
58
|
+
* Possible values:
|
59
|
+
* - 'show' to display the sheet bar
|
60
|
+
* - 'hide' to hide the sheet bar
|
61
|
+
*/
|
35
62
|
sheetBar?: 'show' | 'hide';
|
63
|
+
|
64
|
+
/**
|
65
|
+
* Optional: The total number of rows in the Excel sheet.
|
66
|
+
* This helps in determining the size and content of the sheet.
|
67
|
+
*/
|
36
68
|
rowCount?: number;
|
69
|
+
|
70
|
+
/**
|
71
|
+
* Optional: The total number of columns in the Excel sheet.
|
72
|
+
* This helps in determining the structure of the sheet.
|
73
|
+
*/
|
37
74
|
colCount?: number;
|
38
|
-
|
75
|
+
|
76
|
+
/**
|
77
|
+
* Callback function triggered when saving the Excel data.
|
78
|
+
*/
|
39
79
|
onSave?: (saveData: any) => void;
|
80
|
+
|
81
|
+
/**
|
82
|
+
* Delay time (in milliseconds) before the onSave callback is executed.
|
83
|
+
*/
|
84
|
+
onSaveDelay: number;
|
85
|
+
|
86
|
+
/**
|
87
|
+
* Optional: Sets the vertical (Y-axis) positioning of the context menu.
|
88
|
+
* This allows precise control over where the context menu appears on the screen.
|
89
|
+
*/
|
40
90
|
contextHeightPositioning?: number;
|
91
|
+
|
92
|
+
/**
|
93
|
+
* Optional: Sets the horizontal (X-axis) positioning of the context menu.
|
94
|
+
* This allows precise control over where the context menu appears on the screen.
|
95
|
+
*/
|
41
96
|
contextWidthPositioning?: number;
|
42
|
-
|
97
|
+
|
98
|
+
/**
|
99
|
+
* Optional: Dynamically sets the height of the sheet view area.
|
100
|
+
* This can be useful if you want to change the height of the sheet display, e.g., when resizing or re-layouting.
|
101
|
+
*/
|
43
102
|
sheetHeight?: string;
|
103
|
+
|
104
|
+
/**
|
105
|
+
* Optional: Enables or disables the context menu for columns.
|
106
|
+
* When set to true, column-related context menu actions are enabled.
|
107
|
+
*/
|
44
108
|
columnContextEnable?: boolean;
|
109
|
+
|
110
|
+
/**
|
111
|
+
* Optional: Enables or disables the context menu for rows.
|
112
|
+
* When set to true, row-related context menu actions are enabled.
|
113
|
+
*/
|
45
114
|
rowContextEnable?: boolean;
|
46
115
|
}
|
47
116
|
|
@@ -58,6 +127,7 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
|
|
58
127
|
onSave = (saveData) => {
|
59
128
|
saveData();
|
60
129
|
},
|
130
|
+
onSaveDelay = 0,
|
61
131
|
columnContextEnable = false,
|
62
132
|
rowContextEnable = false,
|
63
133
|
}) => {
|
@@ -189,12 +259,23 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
|
|
189
259
|
}
|
190
260
|
}, [excelData]);
|
191
261
|
|
262
|
+
useEffect(() => {
|
263
|
+
debounceDispatch(handleSaveData());
|
264
|
+
}, [worksheetsData]);
|
265
|
+
|
266
|
+
const debounceDispatch = React.useCallback(
|
267
|
+
debounce((val) => {
|
268
|
+
onSave(val);
|
269
|
+
}, onSaveDelay),
|
270
|
+
[onSave]
|
271
|
+
);
|
272
|
+
|
192
273
|
const handleSave = React.useCallback(
|
193
274
|
(event: KeyboardEvent) => {
|
194
275
|
if (event.ctrlKey && event.key === 's') {
|
195
276
|
event.preventDefault();
|
196
277
|
event.stopPropagation();
|
197
|
-
|
278
|
+
debounceDispatch(handleSaveData());
|
198
279
|
}
|
199
280
|
},
|
200
281
|
[onSave]
|
@@ -207,59 +288,46 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
|
|
207
288
|
};
|
208
289
|
}, [handleSave]);
|
209
290
|
|
210
|
-
const
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
const
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
return filteredRow.length > 0 ? filteredRow : [];
|
242
|
-
}) || [];
|
243
|
-
|
244
|
-
const finalData = sheetData.filter((row, index) => {
|
245
|
-
const isNextRowNotEmpty = sheetData
|
246
|
-
.slice(index + 1)
|
247
|
-
.some((nextRow) => nextRow.length > 0);
|
248
|
-
return row.length > 0 || isNextRowNotEmpty;
|
249
|
-
});
|
291
|
+
const handleSaveData = () => {
|
292
|
+
return sheetNames.map((sheetName) => {
|
293
|
+
const sheetData =
|
294
|
+
worksheetsData[sheetName]?.map((row) => {
|
295
|
+
const lastIndex = row.reduce((lastIdx, cell, i) => {
|
296
|
+
const hasValue = cell?.value.trim() !== '';
|
297
|
+
return hasValue ? i : lastIdx;
|
298
|
+
}, -1);
|
299
|
+
|
300
|
+
const filteredRow = row
|
301
|
+
.map((cell, index) => {
|
302
|
+
if (cell && cell.style && index <= lastIndex) {
|
303
|
+
return {
|
304
|
+
value: cell.value,
|
305
|
+
styles: convertStyleToBackend(cell.style),
|
306
|
+
};
|
307
|
+
}
|
308
|
+
return null;
|
309
|
+
})
|
310
|
+
.filter((cell) => cell !== null);
|
311
|
+
|
312
|
+
return filteredRow.length > 0 ? filteredRow : [];
|
313
|
+
}) || [];
|
314
|
+
|
315
|
+
const finalData = sheetData.filter((row, index) => {
|
316
|
+
const isNextRowNotEmpty = sheetData
|
317
|
+
.slice(index + 1)
|
318
|
+
.some((nextRow) => nextRow.length > 0);
|
319
|
+
return row.length > 0 || isNextRowNotEmpty;
|
320
|
+
});
|
250
321
|
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
};
|
257
|
-
onSave(savedData);
|
322
|
+
return {
|
323
|
+
sheetName: sheetName,
|
324
|
+
data: checkEmpty(finalData.length) ? [[]] : finalData,
|
325
|
+
};
|
326
|
+
});
|
258
327
|
};
|
259
328
|
|
260
329
|
const onEvaluateChange = (data: Matrix.Matrix<CellBase>) => {
|
261
330
|
setWorksheetsData((prev) => ({ ...prev, [pageRef.current]: data }));
|
262
|
-
onSaveWorksheetData();
|
263
331
|
};
|
264
332
|
|
265
333
|
const [editingSheet, setEditingSheet] = useState<number | null>(null);
|