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