pixel-react 1.9.6 → 1.9.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/ConditionalDropdown/types.d.ts +4 -3
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
- package/lib/components/Input/types.d.ts +2 -0
- package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
- package/lib/components/MobileSkin/types.d.ts +9 -8
- package/lib/components/Select/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +34 -7
- package/lib/index.esm.js +299 -106
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +299 -106
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getSequentialPayload/types.d.ts +6 -0
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +3 -0
- package/src/assets/Themes/DarkTheme.scss +3 -0
- package/src/assets/styles/_colors.scss +5 -0
- package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
- package/src/components/ConditionalDropdown/types.ts +27 -25
- package/src/components/Drawer/Drawer.scss +1 -1
- package/src/components/Drawer/Drawer.tsx +1 -1
- package/src/components/Editor/VariableDropdown.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
- package/src/components/Input/Input.tsx +4 -0
- package/src/components/Input/types.ts +5 -0
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
- package/src/components/MobileSkin/MobileSkin.scss +0 -8
- package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
- package/src/components/MobileSkin/MobileSkin.tsx +16 -31
- package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
- package/src/components/MobileSkin/types.ts +9 -8
- package/src/components/RadioButton/RadioButton.tsx +5 -1
- package/src/components/Select/Select.stories.tsx +2 -0
- package/src/components/Select/Select.tsx +4 -1
- package/src/components/Select/components/Dropdown.tsx +1 -2
- package/src/components/Select/types.ts +6 -1
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
- package/src/components/SequentialConnectingBranch/types.ts +19 -5
- package/src/components/TableTree/Components/TableBody.tsx +2 -2
- package/src/components/TableTree/Components/TableCell.tsx +18 -5
- package/src/components/TableTree/Components/TableHead.tsx +5 -3
- package/src/components/TableTree/TableTree.scss +88 -51
- package/src/components/TableTree/TableTree.stories.tsx +8 -7
- package/src/components/TableTree/TableTree.tsx +12 -11
- package/src/components/TableTree/data.ts +1 -1
- package/src/components/TableTree/types.ts +4 -3
- package/src/components/Tabs/Tabs.scss +1 -1
- package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
- package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
- package/src/utils/getSequentialPayload/types.ts +6 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +3 -3
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/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/choosefile/choosefile.tsx","../src/components/choosefile/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/gettreedetails/gettreedetails.ts","../src/utils/handletreenodeselect/handletreenodeselect.ts","../src/utils/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
|
1
|
+
{"root":["../src/index.ts","../src/componentprops/treenodeprops.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/choosefile/choosefile.tsx","../src/components/choosefile/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/types.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.tsx","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/mobileskin/mobileskin.tsx","../src/components/mobileskin/mobileskininterface.ts","../src/components/mobileskin/index.ts","../src/components/mobileskin/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasettooltip/datasettooltip.tsx","../src/components/sequentialconnectingbranch/components/datasettooltip/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/formdata/convertformdatatoobject.ts","../src/utils/functioncheck/functioncheck.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/gettreedetails/gettreedetails.ts","../src/utils/handletreenodeselect/handletreenodeselect.ts","../src/utils/indexdbstore/indexdb.ts","../src/utils/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/swaparrayitem/draganddroputils.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
|
@@ -6,8 +6,11 @@ export interface OperatingSystemInfo {
|
|
6
6
|
}
|
7
7
|
export interface RunLevelExecutionDataSet {
|
8
8
|
peVariableSetId: string;
|
9
|
+
peVariableSetName: string;
|
9
10
|
globalVariableSetId: string;
|
11
|
+
globalVariableSetName: string;
|
10
12
|
testDataSetId: string;
|
13
|
+
testDataSetName: string;
|
11
14
|
}
|
12
15
|
export interface MachineExecutionInstance {
|
13
16
|
id: string;
|
@@ -26,4 +29,7 @@ export interface SequentialMachineInstance extends Omit<MachineExecutionInstance
|
|
26
29
|
peVariableSetId: string;
|
27
30
|
globalVariableSetId: string;
|
28
31
|
testDataSetId: string;
|
32
|
+
peVariableSetName: string;
|
33
|
+
globalVariableSetName: string;
|
34
|
+
testDataSetName: string;
|
29
35
|
}
|
package/package.json
CHANGED
@@ -97,6 +97,9 @@ $file-details-bg: #ffffff;
|
|
97
97
|
|
98
98
|
$variable-dropdown-bg: #ffffff;
|
99
99
|
|
100
|
+
$dataset-tooltip-title: #808080;
|
101
|
+
$dataset-tooltip-value: #ffffff;
|
102
|
+
|
100
103
|
:root {
|
101
104
|
--tooltip-bg-color: #{$tooltip-bg-color};
|
102
105
|
--status-approved-text-color: #016102;
|
@@ -147,4 +150,6 @@ $variable-dropdown-bg: #ffffff;
|
|
147
150
|
--slider-table-color: #{$slider-table-color};
|
148
151
|
|
149
152
|
--variable-dropdown-bg: #($variable-dropdown-bg);
|
153
|
+
--dataset-tooltip-title: #($dataset-tooltip-title),
|
154
|
+
--dataset-tooltip-value: #($dataset-tooltip-value),
|
150
155
|
}
|
@@ -31,18 +31,26 @@ const ConditionalDropdown = forwardRef<
|
|
31
31
|
isHash = false,
|
32
32
|
dataFiles = [],
|
33
33
|
showAddVariableIcon = true,
|
34
|
+
helperText = '',
|
35
|
+
error,
|
36
|
+
autoComplete = 'off',
|
37
|
+
required = false,
|
38
|
+
formProps = {},
|
34
39
|
...props
|
35
40
|
},
|
36
41
|
ref
|
37
42
|
) => {
|
38
43
|
const [showDropdown, setShowDropdown] = useState<boolean>(false);
|
44
|
+
const [isDropdownClicked, setIsDropdownClicked] = useState(false);
|
45
|
+
const [isFocused, setIsFocused] = useState(false);
|
39
46
|
const [cursorPosition, setCursorPosition] = useState<number | null>(null);
|
47
|
+
const [findCursor, setFindCursor] = useState(0);
|
40
48
|
const [showCreateVariableIcon, setShowCreateVariableIcon] =
|
41
49
|
useState<boolean>(false);
|
42
50
|
const [filteredOptions, setFilteredOptions] = useState<dynamicObject[]>([]);
|
51
|
+
|
43
52
|
const inputRef = useRef<HTMLInputElement>(null);
|
44
53
|
|
45
|
-
// Expose the `inputRef` to the parent via `ref`
|
46
54
|
useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);
|
47
55
|
|
48
56
|
useEffect(() => {
|
@@ -53,12 +61,9 @@ const ConditionalDropdown = forwardRef<
|
|
53
61
|
}, [cursorPosition]);
|
54
62
|
|
55
63
|
useEffect(() => {
|
56
|
-
const cursorPos = inputRef.current?.selectionStart || 0;
|
57
|
-
const isDollarTyped = value[cursorPos - 1] === '$';
|
58
64
|
if (isHash) {
|
59
65
|
setShowDropdown(value.startsWith('#'));
|
60
66
|
} else {
|
61
|
-
setShowDropdown(isDollarTyped);
|
62
67
|
setShowCreateVariableIcon(!value?.includes('$'));
|
63
68
|
}
|
64
69
|
if (value.startsWith('#') && isHash) {
|
@@ -70,6 +75,39 @@ const ConditionalDropdown = forwardRef<
|
|
70
75
|
setShowDropdown(filtered.length > 0);
|
71
76
|
}
|
72
77
|
}, [value]);
|
78
|
+
const updateCursorPosition = () => {
|
79
|
+
if (inputRef.current) {
|
80
|
+
setFindCursor(inputRef.current.selectionStart || 0);
|
81
|
+
}
|
82
|
+
};
|
83
|
+
|
84
|
+
const handleClick = updateCursorPosition;
|
85
|
+
const handleKeyUp = updateCursorPosition;
|
86
|
+
|
87
|
+
useEffect(() => {
|
88
|
+
if (inputRef.current) {
|
89
|
+
setFindCursor(inputRef.current.selectionStart || 0);
|
90
|
+
}
|
91
|
+
}, [value]);
|
92
|
+
|
93
|
+
function findNearestDollar(input: string, cursorPosition: number): number {
|
94
|
+
const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosition - 1);
|
95
|
+
|
96
|
+
const nextDollarAfterCursor = input.indexOf('$', cursorPosition);
|
97
|
+
|
98
|
+
if (lastDollarBeforeCursor === -1 && nextDollarAfterCursor === -1) {
|
99
|
+
return -1;
|
100
|
+
} else if (lastDollarBeforeCursor === -1) {
|
101
|
+
return nextDollarAfterCursor;
|
102
|
+
} else if (nextDollarAfterCursor === -1) {
|
103
|
+
return lastDollarBeforeCursor;
|
104
|
+
} else {
|
105
|
+
return Math.abs(cursorPosition - lastDollarBeforeCursor) <=
|
106
|
+
Math.abs(nextDollarAfterCursor - cursorPosition)
|
107
|
+
? lastDollarBeforeCursor
|
108
|
+
: nextDollarAfterCursor;
|
109
|
+
}
|
110
|
+
}
|
73
111
|
|
74
112
|
const handleDropdownClick = (item: dynamicObject) => {
|
75
113
|
if (inputRef.current) {
|
@@ -89,7 +127,8 @@ const ConditionalDropdown = forwardRef<
|
|
89
127
|
newValue = item.name + value.slice(selectionEnd || 1);
|
90
128
|
} else {
|
91
129
|
newValue =
|
92
|
-
value.slice(0,
|
130
|
+
value.slice(0, findNearestDollar(value, findCursor) || 0) +
|
131
|
+
'$' +
|
93
132
|
dollarSyntax +
|
94
133
|
value.slice(selectionEnd || 0);
|
95
134
|
}
|
@@ -106,9 +145,75 @@ const ConditionalDropdown = forwardRef<
|
|
106
145
|
setHashInputValue?.(item);
|
107
146
|
setCursorPosition((selectionStart || 0) + dollarSyntax.length);
|
108
147
|
setShowDropdown(false);
|
148
|
+
setIsDropdownClicked(true);
|
109
149
|
}
|
110
150
|
};
|
111
151
|
|
152
|
+
function getDropdownState(
|
153
|
+
input: string,
|
154
|
+
cursorPosit: number,
|
155
|
+
variableList: dynamicObject[]
|
156
|
+
): { showDropdown: boolean; searchString: string } {
|
157
|
+
let showDropdown = false;
|
158
|
+
let searchString = '';
|
159
|
+
const checkifCursorPositionhasCloseCurly = value[cursorPosit - 1] === '}';
|
160
|
+
if (cursorPosit < 0 || cursorPosit > input.length) {
|
161
|
+
return { showDropdown, searchString };
|
162
|
+
}
|
163
|
+
|
164
|
+
const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosit - 1);
|
165
|
+
const nextDollarAfterCursor = input.indexOf('$', cursorPosit);
|
166
|
+
|
167
|
+
if (lastDollarBeforeCursor !== -1) {
|
168
|
+
if (cursorPosit === lastDollarBeforeCursor + 1) {
|
169
|
+
showDropdown = true;
|
170
|
+
searchString = '';
|
171
|
+
} else {
|
172
|
+
searchString = input.slice(
|
173
|
+
lastDollarBeforeCursor + 1,
|
174
|
+
nextDollarAfterCursor === -1 ? undefined : nextDollarAfterCursor
|
175
|
+
);
|
176
|
+
|
177
|
+
if (cursorPosit > lastDollarBeforeCursor + 1) {
|
178
|
+
searchString = input.slice(lastDollarBeforeCursor + 1, cursorPosit);
|
179
|
+
}
|
180
|
+
showDropdown = true;
|
181
|
+
}
|
182
|
+
if (isDropdownClicked && checkifCursorPositionhasCloseCurly) {
|
183
|
+
showDropdown = false;
|
184
|
+
}
|
185
|
+
|
186
|
+
if (/[{}]/.test(searchString) || cursorPosit === 0) {
|
187
|
+
showDropdown = false;
|
188
|
+
searchString = '';
|
189
|
+
}
|
190
|
+
|
191
|
+
if (searchString) {
|
192
|
+
const isInVariableList = variableList.some((file) =>
|
193
|
+
file.name.toLowerCase().includes(searchString.toLowerCase())
|
194
|
+
);
|
195
|
+
if (!isInVariableList) {
|
196
|
+
showDropdown = false;
|
197
|
+
searchString = '';
|
198
|
+
}
|
199
|
+
}
|
200
|
+
}
|
201
|
+
|
202
|
+
return { showDropdown, searchString };
|
203
|
+
}
|
204
|
+
|
205
|
+
const result = getDropdownState(value, findCursor, variableList);
|
206
|
+
|
207
|
+
const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {
|
208
|
+
{
|
209
|
+
if (
|
210
|
+
!e.relatedTarget ||
|
211
|
+
!e.relatedTarget.closest('.dropdown-container')
|
212
|
+
) {
|
213
|
+
setIsFocused(false);
|
214
|
+
}
|
215
|
+
}
|
216
|
+
};
|
112
217
|
return (
|
113
218
|
<div className="ff-add-variable-container">
|
114
219
|
<div className="ff-add-variable-input">
|
@@ -122,33 +227,47 @@ const ConditionalDropdown = forwardRef<
|
|
122
227
|
variant="primary"
|
123
228
|
label={label}
|
124
229
|
placeholder={placeholder}
|
230
|
+
onClick={handleClick}
|
231
|
+
onKeyUp={handleKeyUp}
|
232
|
+
onFocus={() => setIsFocused(true)}
|
233
|
+
onBlur={(e) => handleBlur(e)}
|
234
|
+
autoComplete={autoComplete}
|
235
|
+
helperText={helperText}
|
236
|
+
error={error}
|
237
|
+
required={required}
|
238
|
+
{...formProps}
|
125
239
|
/>
|
126
|
-
{!checkEmpty(value) &&
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
240
|
+
{!checkEmpty(value) &&
|
241
|
+
!isHash &&
|
242
|
+
showCreateVariableIcon &&
|
243
|
+
showAddVariableIcon && (
|
244
|
+
<Icon
|
245
|
+
onClick={onCreateVariableClick}
|
246
|
+
name="add_variable"
|
247
|
+
width={24}
|
248
|
+
height={24}
|
249
|
+
hoverEffect
|
250
|
+
/>
|
251
|
+
)}
|
135
252
|
</div>
|
136
|
-
{showDropdown &&
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
253
|
+
{result?.showDropdown && isFocused && (
|
254
|
+
<VariableDropdown
|
255
|
+
position="absolute"
|
256
|
+
width={dropdownWidth}
|
257
|
+
optionsList={variableList.filter((file) =>
|
258
|
+
file.name.toLowerCase().includes(result?.searchString)
|
259
|
+
)}
|
260
|
+
onSelectVariable={handleDropdownClick}
|
261
|
+
/>
|
262
|
+
)}
|
263
|
+
{showDropdown && isHash && (
|
264
|
+
<OptionsDropdown
|
265
|
+
position="relative"
|
266
|
+
width={dropdownWidth}
|
267
|
+
filteredOptions={filteredOptions}
|
268
|
+
onSelectVariable={handleDropdownClick}
|
269
|
+
/>
|
270
|
+
)}
|
152
271
|
</div>
|
153
272
|
);
|
154
273
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { dropdownPositionType } from
|
1
|
+
import { dropdownPositionType } from '../Editor/types';
|
2
2
|
|
3
3
|
export type dynamicObject = {
|
4
4
|
[key: string]: any;
|
@@ -10,7 +10,7 @@ export type TestDataObject = {
|
|
10
10
|
actualPath: string;
|
11
11
|
searchKey: string;
|
12
12
|
parentId: string;
|
13
|
-
}
|
13
|
+
};
|
14
14
|
|
15
15
|
export interface ConditionalDropdownProps {
|
16
16
|
/**
|
@@ -134,31 +134,33 @@ export interface ConditionalDropdownProps {
|
|
134
134
|
* a boolean prop to show add variable icon or not.
|
135
135
|
*/
|
136
136
|
showAddVariableIcon?: boolean;
|
137
|
+
|
138
|
+
formProps?: Record<string, any>;
|
137
139
|
}
|
138
140
|
|
139
141
|
export interface OptionsDropdownProps {
|
140
|
-
|
142
|
+
/**
|
141
143
|
* Position whether absoloute or relative
|
142
144
|
*/
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
}
|
145
|
+
position: 'absolute' | 'relative';
|
146
|
+
|
147
|
+
/**
|
148
|
+
* Dropdown width
|
149
|
+
*/
|
150
|
+
width: string;
|
151
|
+
|
152
|
+
/**
|
153
|
+
* chars entered to search in Input :
|
154
|
+
*/
|
155
|
+
filteredOptions?: dynamicObject[];
|
156
|
+
|
157
|
+
/**
|
158
|
+
* Function to handle click on variable
|
159
|
+
*/
|
160
|
+
onSelectVariable: (variable: object) => void;
|
161
|
+
|
162
|
+
/**
|
163
|
+
* Dropdown postion used for dropdown placement
|
164
|
+
*/
|
165
|
+
dropdownPosition?: dropdownPositionType;
|
166
|
+
}
|
@@ -29,7 +29,7 @@ const VariableDropdown: FC<VariableDropdownProps> = ({
|
|
29
29
|
return (
|
30
30
|
<div
|
31
31
|
className="ff-variable-option"
|
32
|
-
|
32
|
+
onMouseDown={() => onSelectVariable(option)}
|
33
33
|
key={option?.id}
|
34
34
|
>
|
35
35
|
<Typography as="span" fontSize={14}>
|
@@ -9,6 +9,7 @@ import {
|
|
9
9
|
EntireColumnsSelection,
|
10
10
|
EntireRowsSelection,
|
11
11
|
} from './selection';
|
12
|
+
import { createFormulaParser, Model } from './engine';
|
12
13
|
|
13
14
|
export function applyBoldToCells(
|
14
15
|
currentData: Matrix.Matrix<Types.CellBase<any>>,
|
@@ -557,19 +558,47 @@ export function edit(state: Types.StoreState): Types.StoreState {
|
|
557
558
|
return { ...state, mode: 'edit' };
|
558
559
|
}
|
559
560
|
|
561
|
+
|
562
|
+
const canClearCell = (cell: Types.CellBase | undefined) =>
|
563
|
+
cell && !cell.readOnly;
|
564
|
+
const clearCell = (cell: Types.CellBase | undefined) => {
|
565
|
+
if (!canClearCell(cell)) {
|
566
|
+
return cell;
|
567
|
+
}
|
568
|
+
return Object.assign({}, cell, { value: '', style: cell?.style });
|
569
|
+
};
|
570
|
+
|
560
571
|
export function clear(state: Types.StoreState): Types.StoreState {
|
561
572
|
if (!state.active) {
|
562
573
|
return state;
|
563
574
|
}
|
564
575
|
|
565
|
-
const
|
566
|
-
|
567
|
-
const
|
568
|
-
|
569
|
-
|
570
|
-
|
571
|
-
|
576
|
+
const selectedRange = state.selected.toRange(state.model.data);
|
577
|
+
|
578
|
+
const changes: Types.CommitChanges = [];
|
579
|
+
let newData = state.model.data;
|
580
|
+
|
581
|
+
for (const point of selectedRange || []) {
|
582
|
+
const cell = Matrix.get(point, state.model.data);
|
583
|
+
const clearedCell = clearCell(cell);
|
584
|
+
changes.push({
|
585
|
+
prevCell: cell || null,
|
586
|
+
nextCell: clearedCell || null,
|
587
|
+
});
|
588
|
+
newData = Matrix.set(point, clearedCell, newData);
|
589
|
+
}
|
590
|
+
|
591
|
+
return {
|
592
|
+
...state,
|
593
|
+
model: new Model(createFormulaParser, newData),
|
594
|
+
...commit(changes),
|
572
595
|
};
|
596
|
+
}
|
597
|
+
|
598
|
+
export function clearEditMode(state: Types.StoreState): Types.StoreState {
|
599
|
+
if (!state.active) {
|
600
|
+
return state;
|
601
|
+
}
|
573
602
|
|
574
603
|
const selectedRange = state.selected.toRange(state.model.data);
|
575
604
|
|
@@ -588,6 +617,8 @@ export function clear(state: Types.StoreState): Types.StoreState {
|
|
588
617
|
|
589
618
|
return {
|
590
619
|
...state,
|
620
|
+
mode: 'edit',
|
621
|
+
model: new Model(createFormulaParser, newData),
|
591
622
|
...commit(changes),
|
592
623
|
};
|
593
624
|
}
|
@@ -655,7 +686,7 @@ const keyDownHandlers: KeyDownHandlers = {
|
|
655
686
|
ArrowRight: go(0, +1),
|
656
687
|
Tab: go(0, +1),
|
657
688
|
Enter: edit,
|
658
|
-
Backspace:
|
689
|
+
Backspace: clearEditMode,
|
659
690
|
Delete: clear,
|
660
691
|
Escape: blur,
|
661
692
|
};
|
@@ -29,6 +29,8 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
29
29
|
transparentBackground = false,
|
30
30
|
size = 'small',
|
31
31
|
isLabelRequired = true,
|
32
|
+
onClick,
|
33
|
+
onKeyUp,
|
32
34
|
...props
|
33
35
|
},
|
34
36
|
ref
|
@@ -101,6 +103,8 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
101
103
|
autoFocus={autoFocus}
|
102
104
|
min={minValue}
|
103
105
|
max={maxValue}
|
106
|
+
onClick={onClick}
|
107
|
+
onKeyUp={onKeyUp}
|
104
108
|
{...props}
|
105
109
|
/>
|
106
110
|
|
@@ -57,6 +57,11 @@ export interface InputProps {
|
|
57
57
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
58
58
|
|
59
59
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
60
|
+
|
61
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
62
|
+
|
63
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
64
|
+
|
60
65
|
/**
|
61
66
|
* id to select the input field uniquely
|
62
67
|
*/
|