pixel-react 1.8.2 → 1.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Input/types.d.ts +4 -0
  3. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  4. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  5. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  6. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  7. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  8. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
  9. package/lib/components/TableTree/types.d.ts +4 -4
  10. package/lib/index.d.ts +8 -1
  11. package/lib/index.esm.js +66 -69
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +66 -69
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
  17. package/lib/validations/regex.d.ts +7 -1
  18. package/package.json +1 -1
  19. package/src/assets/Themes/BaseTheme.scss +2 -1
  20. package/src/assets/Themes/DarkTheme.scss +9 -0
  21. package/src/assets/icons/test_freshers_logo.svg +8 -0
  22. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +9 -2
  23. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +4 -1
  24. package/src/components/Icon/Icon.stories.tsx +56 -8
  25. package/src/components/Icon/iconList.ts +3 -1
  26. package/src/components/Input/Input.stories.tsx +12 -0
  27. package/src/components/Input/Input.tsx +3 -1
  28. package/src/components/Input/types.ts +4 -0
  29. package/src/components/InputWithDropdown/types.ts +1 -1
  30. package/src/components/LabelEditTextField/LabelEditTextField.scss +4 -0
  31. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +2 -1
  32. package/src/components/LabelEditTextField/LabelEditTextField.tsx +14 -10
  33. package/src/components/LabelEditTextField/types.ts +2 -0
  34. package/src/components/MachineInputField/MachineInputField.scss +5 -1
  35. package/src/components/MachineInputField/MachineInputField.tsx +1 -0
  36. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +2 -0
  37. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +65 -57
  38. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +1 -0
  39. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +2 -0
  40. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +1 -0
  41. package/src/components/SequentialConnectingBranch/types.ts +5 -1
  42. package/src/components/TableTree/Components/TableCell.tsx +3 -3
  43. package/src/components/TableTree/TableTree.scss +0 -7
  44. package/src/components/TableTree/TableTree.tsx +3 -22
  45. package/src/components/TableTree/types.ts +4 -4
  46. package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
  47. package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
  48. package/src/utils/getExtension/getExtension.stories.tsx +1 -0
  49. package/src/validations/regex.stories.tsx +39 -0
  50. package/src/validations/regex.ts +19 -0
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/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/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/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/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/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/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/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
@@ -0,0 +1 @@
1
+ export declare const convertFormDataToObject: (formData: FormData) => Record<string, any>;
@@ -43,4 +43,10 @@ declare const ROMAN_NUMERALS_REGEX: RegExp;
43
43
  declare const CURRENCY_GENERIC_REGEX: RegExp;
44
44
  declare const LINKEDIN_PROFILE_REGEX: RegExp;
45
45
  declare const TWITTER_HANDLE_REGEX: RegExp;
46
- export { EMAIL_REGEX, URL_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, IPV4_REGEX, IPV6_REGEX, HEX_COLOR_REGEX, PASSWORD_SIMPLE_REGEX, PASSWORD_COMPLEX_REGEX, ALPHABET_ONLY_REGEX, NUMBERS_ONLY_REGEX, ALPHANUMERIC_REGEX, DATE_REGEX, TIME_REGEX, FILE_EXTENSION_REGEX, MAC_ADDRESS_REGEX, CREDIT_CARD_REGEX, SSN_REGEX, UUID_REGEX, HTML_TAG_REGEX, WHITESPACE_REGEX, US_ZIP_CODE_REGEX, USERNAME_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, GSTIN_REGEX, PAN_CARD_REGEX, AADHAAR_REGEX, VEHICLE_REGISTRATION_REGEX, INDIAN_CURRENCY_REGEX, INTERNATIONAL_PHONE_REGEX, INDIAN_PASSPORT_REGEX, DRIVING_LICENSE_REGEX, USERNAME_SPECIAL_REGEX, DECIMAL_NUMBER_REGEX, HTML_ATTRIBUTE_REGEX, RGB_COLOR_REGEX, HSL_COLOR_REGEX, BASE64_REGEX, BINARY_NUMBER_REGEX, HEXADECIMAL_NUMBER_REGEX, ROMAN_NUMERALS_REGEX, CURRENCY_GENERIC_REGEX, LINKEDIN_PROFILE_REGEX, TWITTER_HANDLE_REGEX, };
46
+ declare const STEP_GROUP_NAME_REGEX: RegExp;
47
+ declare const NLP_DESCRIPTION_REGEX: RegExp;
48
+ declare const FILE_NAME_REGEX: RegExp;
49
+ declare const ELEMENTS_TRAILING_SPACE_REGEX: RegExp;
50
+ declare const ELEMENTS_WHITE_SPACE_REGEX: RegExp;
51
+ declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
52
+ export { EMAIL_REGEX, URL_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, IPV4_REGEX, IPV6_REGEX, HEX_COLOR_REGEX, PASSWORD_SIMPLE_REGEX, PASSWORD_COMPLEX_REGEX, ALPHABET_ONLY_REGEX, NUMBERS_ONLY_REGEX, ALPHANUMERIC_REGEX, DATE_REGEX, TIME_REGEX, FILE_EXTENSION_REGEX, MAC_ADDRESS_REGEX, CREDIT_CARD_REGEX, SSN_REGEX, UUID_REGEX, HTML_TAG_REGEX, WHITESPACE_REGEX, US_ZIP_CODE_REGEX, USERNAME_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, GSTIN_REGEX, PAN_CARD_REGEX, AADHAAR_REGEX, VEHICLE_REGISTRATION_REGEX, INDIAN_CURRENCY_REGEX, INTERNATIONAL_PHONE_REGEX, INDIAN_PASSPORT_REGEX, DRIVING_LICENSE_REGEX, USERNAME_SPECIAL_REGEX, DECIMAL_NUMBER_REGEX, HTML_ATTRIBUTE_REGEX, RGB_COLOR_REGEX, HSL_COLOR_REGEX, BASE64_REGEX, BINARY_NUMBER_REGEX, HEXADECIMAL_NUMBER_REGEX, ROMAN_NUMERALS_REGEX, CURRENCY_GENERIC_REGEX, LINKEDIN_PROFILE_REGEX, TWITTER_HANDLE_REGEX, STEP_GROUP_NAME_REGEX, NLP_DESCRIPTION_REGEX, FILE_NAME_REGEX, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, PARAMETER_ALPHANUMERIC_REGEX, };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.8.2",
4
+ "version": "1.8.3",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -216,7 +216,8 @@ $base-theme: (
216
216
  table-header-text-color: #252c37,
217
217
  table-column-text-color: #200624,
218
218
  // TODO:: Need to change the color code values of below 7 color (N/A in DS)
219
- ff-machine-input-field-border-color: #f1ebf2,
219
+ ff-machine-input-field-border-color: #a3a3a3,
220
+ ff-machine-input-field-label-color: #f1ebf2,
220
221
  ff-machine-input-field-text-color: #1e161f,
221
222
  ff-connecting-branch-color: #71347b,
222
223
  ff-connecting-branch-modal-header: #71347b,
@@ -301,6 +301,15 @@ $dark-theme: (
301
301
  card-header-bg-color: #592f7c1a,
302
302
  table-with-accordion-header-primary-bg: #d4b0e426,
303
303
  table-with-accordion-icon-color: #1e161f,
304
+
305
+ ff-machine-input-field-border-color: #a3a3a3,
306
+ ff-machine-input-field-label-color: #f1ebf2,
307
+ ff-machine-input-field-text-color: #1e161f,
308
+ ff-connecting-branch-color: #71347b,
309
+ ff-connecting-branch-modal-header: #71347b,
310
+ ff-connecting-branch-modal-border: #e0e0e0,
311
+ ff-connecting-branch-scope-color: #079455,
312
+ ff-connecting-branch-delete-color: #e42525,
304
313
  );
305
314
 
306
315
  :root {
@@ -0,0 +1,8 @@
1
+ <svg width="60" height="26" viewBox="0 0 60 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19.0627 0C19.8838 0.40281 21.8333 0.685152 22.7022 1.02876C24.0691 1.56932 25.3622 2.32994 26.3766 3.22443C27.2676 4.01003 28.0092 4.91662 28.5572 5.8681C28.8249 6.3329 28.9977 7.09232 29.6488 7.33497C30.2457 7.55738 31.1474 7.4545 31.7916 7.46593L36.3901 7.5475C37.0227 7.55872 38.1233 7.73497 38.606 7.3398C39.1514 6.89366 39.2957 5.87235 39.5031 5.29202C40.0696 3.70662 40.991 2.04151 41.113 0.391117L19.0627 0Z" fill="white"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M34.8251 11.0861H34.8218V11.098L34.8251 11.0861ZM27.2048 15.5311L33.5206 15.4236L34.7068 11.1972H28.2703L27.2048 15.5311Z" fill="white"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16.3381 8.90445H10.4092C10.4131 7.40446 10.8197 5.94018 11.2223 4.49049C11.362 3.98739 11.5012 3.48605 11.6229 2.98558C11.6566 2.84723 11.686 2.68315 11.7174 2.50768C11.8221 1.9222 11.9496 1.20972 12.3365 0.901419C12.808 0.525773 13.8334 0.611611 14.6385 0.679009C14.9107 0.701807 15.158 0.722496 15.3499 0.722496C17.5059 0.722496 19.8132 0.94195 21.8136 1.86651C25.0354 3.07218 26.9702 5.51579 27.2049 8.91996C27.1798 8.78952 27.1492 8.65767 27.1135 8.52487C27.137 8.65302 27.155 8.77971 27.1665 8.90445C27.232 9.60455 27.0117 10.3174 26.7982 11.0079C26.7085 11.2981 26.6202 11.5842 26.5546 11.8639C26.1728 13.4935 25.7538 15.1124 25.3346 16.7313C25.0939 17.6614 24.8532 18.5915 24.6194 19.5235C24.2836 20.8637 23.9625 22.1825 23.6458 23.5276C23.6247 23.6171 23.6052 23.7144 23.5851 23.8155C23.4919 24.2815 23.3822 24.8298 23.0196 25.0893C22.5865 25.3994 21.8191 25.3436 21.1834 25.2974C20.9762 25.2824 20.783 25.2683 20.62 25.2683H14.5265C14.6514 24.2891 14.9207 23.3271 15.1885 22.3704C15.3083 21.943 15.4276 21.5167 15.5336 21.0903C15.8599 19.7786 16.1928 18.4686 16.5255 17.1587C16.8558 15.8586 17.1861 14.5584 17.51 13.2566C17.5586 13.061 17.6062 12.8654 17.6539 12.6698C17.8481 11.8724 18.0419 11.0767 18.2988 10.2971C18.3136 10.2523 18.3301 10.2058 18.347 10.1581C18.4595 9.84045 18.5909 9.46955 18.3623 9.18357C18.0532 8.79669 17.3007 8.84727 16.7352 8.88526C16.5859 8.89529 16.4497 8.90445 16.3381 8.90445Z" fill="white"/>
5
+ <path d="M2.16622 19.2479V13.2745H0V12.3662H5.46812V13.2745H3.31242V19.2479H2.16622ZM7.9144 19.3547C7.04511 19.3547 6.37211 19.1374 5.8954 18.7029C5.41869 18.2683 5.18034 17.6023 5.18034 16.7046C5.18034 15.8925 5.38364 15.2514 5.79025 14.7812C6.19685 14.311 6.81377 14.0759 7.64099 14.0759C8.39812 14.0759 8.96596 14.279 9.34452 14.685C9.73009 15.084 9.92288 15.6004 9.92288 16.2345V17.1748H6.27396C6.33005 17.6664 6.50531 18.0048 6.79974 18.19C7.09418 18.3752 7.54285 18.4678 8.14574 18.4678C8.39812 18.4678 8.6575 18.4429 8.9239 18.393C9.19029 18.3431 9.42164 18.279 9.61793 18.2007V19.0555C9.3936 19.1553 9.13421 19.2301 8.83977 19.2799C8.55235 19.3298 8.24389 19.3547 7.9144 19.3547ZM6.27396 16.4161H8.91338V16.0635C8.91338 15.7144 8.81874 15.4437 8.62946 15.2514C8.44018 15.0519 8.12121 14.9522 7.67254 14.9522C7.13975 14.9522 6.7717 15.0697 6.5684 15.3048C6.37211 15.5399 6.27396 15.9103 6.27396 16.4161ZM12.6488 19.3547C12.3053 19.3547 11.9758 19.3298 11.6603 19.2799C11.3519 19.2301 11.096 19.1695 10.8927 19.0983V18.1152C11.1311 18.2078 11.3939 18.279 11.6814 18.3289C11.9688 18.3788 12.2422 18.4037 12.5016 18.4037C12.8942 18.4037 13.1746 18.3681 13.3428 18.2968C13.5111 18.2256 13.5952 18.0867 13.5952 17.8801C13.5952 17.7305 13.5426 17.6129 13.4375 17.5275C13.3393 17.442 13.1886 17.3636 12.9853 17.2924C12.789 17.2211 12.5366 17.1356 12.2282 17.0359C11.9337 16.9362 11.6779 16.8293 11.4605 16.7153C11.2432 16.5942 11.075 16.4411 10.9558 16.2558C10.8366 16.0706 10.777 15.8284 10.777 15.5292C10.777 15.0662 10.9418 14.71 11.2713 14.4606C11.6007 14.2042 12.13 14.0759 12.8591 14.0759C13.1465 14.0759 13.42 14.0973 13.6793 14.1401C13.9387 14.1828 14.1595 14.2362 14.3418 14.3003V15.2728C14.1455 15.1944 13.9282 15.1338 13.6899 15.0911C13.4585 15.0483 13.2412 15.027 13.0379 15.027C12.6733 15.027 12.3964 15.059 12.2071 15.1231C12.0249 15.1873 11.9337 15.3155 11.9337 15.5078C11.9337 15.7073 12.0284 15.8498 12.2177 15.9353C12.414 16.0136 12.7259 16.1241 13.1536 16.2665C13.5461 16.3876 13.8581 16.5159 14.0894 16.6512C14.3208 16.7866 14.4855 16.9504 14.5837 17.1428C14.6888 17.328 14.7414 17.5702 14.7414 17.8694C14.7414 18.3681 14.5627 18.7421 14.2051 18.9914C13.8476 19.2336 13.3288 19.3547 12.6488 19.3547Z" fill="white"/>
6
+ <path d="M26.8455 23.1066V18.0415H27.897L27.9601 18.6292C28.1985 18.4725 28.4824 18.33 28.8119 18.2018C29.1414 18.0736 29.4674 17.9845 29.7898 17.9347V18.8216C29.5935 18.8572 29.3797 18.9106 29.1484 18.9819C28.924 19.046 28.7102 19.1208 28.5069 19.2063C28.3036 19.2846 28.1319 19.3666 27.9917 19.452V23.1066H26.8455ZM32.9429 23.2134C32.0736 23.2134 31.4006 22.9962 30.9239 22.5616C30.4472 22.1271 30.2088 21.461 30.2088 20.5634C30.2088 19.7512 30.4122 19.1101 30.8188 18.6399C31.2254 18.1697 31.8423 17.9347 32.6695 17.9347C33.4266 17.9347 33.9945 18.1377 34.373 18.5438C34.7586 18.9427 34.9514 19.4592 34.9514 20.0932V21.0335H31.3025C31.3586 21.5251 31.5338 21.8635 31.8283 22.0487C32.1227 22.2339 32.5714 22.3265 33.1743 22.3265C33.4266 22.3265 33.686 22.3016 33.9524 22.2517C34.2188 22.2019 34.4501 22.1377 34.6464 22.0594V22.9142C34.4221 23.014 34.1627 23.0888 33.8683 23.1386C33.5809 23.1885 33.2724 23.2134 32.9429 23.2134ZM31.3025 20.2749H33.9419V19.9222C33.9419 19.5732 33.8472 19.3024 33.658 19.1101C33.4687 18.9106 33.1497 18.8109 32.701 18.8109C32.1683 18.8109 31.8002 18.9284 31.5969 19.1635C31.4006 19.3986 31.3025 19.7691 31.3025 20.2749ZM37.6773 23.2134C37.3338 23.2134 37.0043 23.1885 36.6888 23.1386C36.3803 23.0888 36.1245 23.0282 35.9212 22.957V21.9739C36.1595 22.0665 36.4224 22.1377 36.7098 22.1876C36.9973 22.2375 37.2707 22.2624 37.5301 22.2624C37.9226 22.2624 38.2031 22.2268 38.3713 22.1556C38.5395 22.0843 38.6237 21.9454 38.6237 21.7388C38.6237 21.5892 38.5711 21.4717 38.4659 21.3862C38.3678 21.3007 38.2171 21.2223 38.0138 21.1511C37.8175 21.0799 37.5651 20.9944 37.2566 20.8946C36.9622 20.7949 36.7063 20.688 36.489 20.5741C36.2717 20.453 36.1034 20.2998 35.9843 20.1146C35.8651 19.9293 35.8055 19.6871 35.8055 19.3879C35.8055 18.9249 35.9702 18.5687 36.2997 18.3194C36.6292 18.0629 37.1585 17.9347 37.8876 17.9347C38.175 17.9347 38.4484 17.956 38.7078 17.9988C38.9672 18.0415 39.188 18.0949 39.3703 18.1591V19.1315C39.174 19.0531 38.9567 18.9926 38.7183 18.9498C38.487 18.9071 38.2696 18.8857 38.0663 18.8857C37.7018 18.8857 37.4249 18.9178 37.2356 18.9819C37.0533 19.046 36.9622 19.1742 36.9622 19.3666C36.9622 19.566 37.0568 19.7085 37.2461 19.794C37.4424 19.8724 37.7544 19.9828 38.182 20.1253C38.5746 20.2464 38.8866 20.3746 39.1179 20.5099C39.3493 20.6453 39.514 20.8091 39.6121 21.0015C39.7173 21.1867 39.7699 21.4289 39.7699 21.7281C39.7699 22.2268 39.5911 22.6008 39.2336 22.8501C38.876 23.0923 38.3573 23.2134 37.6773 23.2134ZM40.8937 23.1066V15.9044H42.0399V18.5331C42.2573 18.355 42.5166 18.2125 42.8181 18.1056C43.1195 17.9917 43.4595 17.9347 43.8381 17.9347C44.469 17.9347 44.9352 18.0878 45.2367 18.3942C45.5381 18.7005 45.6889 19.1778 45.6889 19.826V23.1066H44.5532V19.8795C44.5532 19.4877 44.469 19.2134 44.3008 19.0567C44.1396 18.8999 43.8556 18.8216 43.449 18.8216C43.1967 18.8216 42.9408 18.8786 42.6814 18.9926C42.422 19.0994 42.2082 19.2419 42.0399 19.42V23.1066H40.8937ZM49.394 23.2134C48.5247 23.2134 47.8517 22.9962 47.375 22.5616C46.8983 22.1271 46.6599 21.461 46.6599 20.5634C46.6599 19.7512 46.8632 19.1101 47.2698 18.6399C47.6764 18.1697 48.2934 17.9347 49.1206 17.9347C49.8777 17.9347 50.4456 18.1377 50.8241 18.5438C51.2097 18.9427 51.4025 19.4592 51.4025 20.0932V21.0335H47.7536C47.8096 21.5251 47.9849 21.8635 48.2793 22.0487C48.5738 22.2339 49.0224 22.3265 49.6253 22.3265C49.8777 22.3265 50.1371 22.3016 50.4035 22.2517C50.6699 22.2019 50.9012 22.1377 51.0975 22.0594V22.9142C50.8732 23.014 50.6138 23.0888 50.3194 23.1386C50.0319 23.1885 49.7235 23.2134 49.394 23.2134ZM47.7536 20.2749H50.393V19.9222C50.393 19.5732 50.2983 19.3024 50.1091 19.1101C49.9198 18.9106 49.6008 18.8109 49.1521 18.8109C48.6193 18.8109 48.2513 18.9284 48.048 19.1635C47.8517 19.3986 47.7536 19.7691 47.7536 20.2749ZM52.5183 23.1066V18.0415H53.5699L53.633 18.6292C53.8713 18.4725 54.1552 18.33 54.4847 18.2018C54.8142 18.0736 55.1402 17.9845 55.4627 17.9347V18.8216C55.2664 18.8572 55.0526 18.9106 54.8212 18.9819C54.5969 19.046 54.3831 19.1208 54.1798 19.2063C53.9765 19.2846 53.8047 19.3666 53.6645 19.452V23.1066H52.5183ZM57.9076 23.2134C57.564 23.2134 57.2346 23.1885 56.9191 23.1386C56.6106 23.0888 56.3547 23.0282 56.1514 22.957V21.9739C56.3898 22.0665 56.6527 22.1377 56.9401 22.1876C57.2275 22.2375 57.501 22.2624 57.7603 22.2624C58.1529 22.2624 58.4333 22.2268 58.6016 22.1556C58.7698 22.0843 58.854 21.9454 58.854 21.7388C58.854 21.5892 58.8014 21.4717 58.6962 21.3862C58.5981 21.3007 58.4474 21.2223 58.2441 21.1511C58.0478 21.0799 57.7954 20.9944 57.4869 20.8946C57.1925 20.7949 56.9366 20.688 56.7193 20.5741C56.502 20.453 56.3337 20.2998 56.2145 20.1146C56.0954 19.9293 56.0358 19.6871 56.0358 19.3879C56.0358 18.9249 56.2005 18.5687 56.53 18.3194C56.8595 18.0629 57.3888 17.9347 58.1179 17.9347C58.4053 17.9347 58.6787 17.956 58.9381 17.9988C59.1975 18.0415 59.4183 18.0949 59.6006 18.1591V19.1315C59.4043 19.0531 59.187 18.9926 58.9486 18.9498C58.7173 18.9071 58.4999 18.8857 58.2966 18.8857C57.9321 18.8857 57.6552 18.9178 57.4659 18.9819C57.2836 19.046 57.1925 19.1742 57.1925 19.3666C57.1925 19.566 57.2871 19.7085 57.4764 19.794C57.6727 19.8724 57.9847 19.9828 58.4123 20.1253C58.8049 20.2464 59.1168 20.3746 59.3482 20.5099C59.5795 20.6453 59.7443 20.8091 59.8424 21.0015C59.9476 21.1867 60.0002 21.4289 60.0002 21.7281C60.0002 22.2268 59.8214 22.6008 59.4639 22.8501C59.1063 23.0923 58.5876 23.2134 57.9076 23.2134Z" fill="white"/>
7
+ </svg>
8
+
@@ -20,6 +20,10 @@ const ActiveCell: React.FC<Props> = (props) => {
20
20
  dispatch(Actions.setCellData(active, data)),
21
21
  [dispatch]
22
22
  );
23
+ const activate = React.useCallback(
24
+ (point: Point.Point) => dispatch(Actions.activate(point)),
25
+ [dispatch]
26
+ );
23
27
  const edit = React.useCallback(() => dispatch(Actions.edit()), [dispatch]);
24
28
  const autoFill = React.useCallback(
25
29
  (value: boolean) => dispatch(Actions.autoFill(value)),
@@ -116,8 +120,11 @@ const ActiveCell: React.FC<Props> = (props) => {
116
120
  const readOnly = cell && cell.readOnly;
117
121
 
118
122
  const handleMouseDown = React.useCallback(() => {
119
- mode === 'view' ? autoFill(true) : autoFill(false);
120
- }, [mode, autoFill]);
123
+ if (active) {
124
+ autoFill(true);
125
+ activate(active);
126
+ }
127
+ }, [activate, autoFill, active]);
121
128
 
122
129
  return hidden ? null : (
123
130
  <div
@@ -22,7 +22,10 @@ const DataEditor: React.FC<Types.DataEditorProps> = ({ onChange, cell }) => {
22
22
  const value = cell?.value ?? '';
23
23
 
24
24
  return (
25
- <div className="ff-spreadsheet-data-editor">
25
+ <div
26
+ className="ff-spreadsheet-data-editor"
27
+ style={{ ...cell?.style, border: 'none' }} //Inline Styling needed for border:none
28
+ >
26
29
  <input
27
30
  ref={inputRef}
28
31
  type="text"
@@ -1,6 +1,7 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import Icon from './Icon';
3
3
  import Components from './iconList';
4
+ import React, { useState } from 'react';
4
5
 
5
6
  const meta: Meta<typeof Icon> = {
6
7
  title: 'Components/Icon',
@@ -25,16 +26,63 @@ export const Icons: Story = {
25
26
 
26
27
  export const AllIcons: Story = {
27
28
  render: () => {
29
+ const [searchTerm, setSearchTerm] = useState('');
30
+
31
+ const filteredIcons = Object.keys(Components).filter((iconName) =>
32
+ iconName.toLowerCase().includes(searchTerm.toLowerCase())
33
+ );
34
+
28
35
  return (
29
- <div className="group-icons">
30
- {Object.keys(Components).map((iconName) => {
31
- return (
32
- <div key={iconName}>
36
+ <div>
37
+ <input
38
+ type="text"
39
+ placeholder="Search icons..."
40
+ value={searchTerm}
41
+ onChange={(e) => setSearchTerm(e.target.value)}
42
+ style={{
43
+ marginBottom: '16px',
44
+ padding: '8px',
45
+ width: '100%',
46
+ boxSizing: 'border-box',
47
+ }}
48
+ />
49
+ <div
50
+ className="group-icons"
51
+ style={{
52
+ display: 'flex',
53
+ gap: 8,
54
+ flexWrap: 'wrap',
55
+ alignItems: 'center',
56
+ justifyContent: 'center',
57
+ }}
58
+ >
59
+ {filteredIcons.map((iconName) => (
60
+ <div
61
+ key={iconName}
62
+ style={{
63
+ border: '1px solid var(--brand-color)',
64
+ width: '30%',
65
+ display: 'flex',
66
+ alignItems: 'center',
67
+ justifyContent: 'center',
68
+ flexDirection: 'column',
69
+ }}
70
+ >
33
71
  <Icon name={iconName} height={40} width={40} />
34
- <center title={iconName}>{iconName}</center>
72
+ <p
73
+ style={{
74
+ whiteSpace: 'nowrap',
75
+ textOverflow: 'ellipsis',
76
+ overflow: 'hidden',
77
+ width: '160px',
78
+ }}
79
+ title={iconName}
80
+ >
81
+ {iconName}
82
+ </p>
35
83
  </div>
36
- );
37
- })}
84
+ ))}
85
+ </div>
38
86
  </div>
39
87
  );
40
88
  },
@@ -62,4 +110,4 @@ export const DarkVariantIcons: Story = {
62
110
  },
63
111
  };
64
112
 
65
- export default meta;
113
+ export default meta;
@@ -253,6 +253,7 @@ import suitesIcon from '../../assets/icons/suites_icon.svg?react';
253
253
  import executionsIcon from '../../assets/icons/executions_icon.svg?react';
254
254
  import ImportIcon from '../../assets/icons/import_icon.svg?react';
255
255
  import Settings from '../../assets/icons/settings.svg?react';
256
+ import TestFreshersLogo from '../../assets/icons/test_freshers_logo.svg?react';
256
257
 
257
258
  Components['success'] = ToastSuccessIcon;
258
259
  Components['alert'] = Alert;
@@ -500,6 +501,7 @@ Components['machine_disable_icon'] = machineDisableIcon;
500
501
  Components['executions_icon'] = executionsIcon;
501
502
  Components['suites_icon'] = suitesIcon;
502
503
  Components['import_icon'] = ImportIcon;
503
- Components['settings'] = Settings
504
+ Components['settings'] = Settings;
505
+ Components['test_freshers_logo']=TestFreshersLogo;
504
506
 
505
507
  export default Components;
@@ -51,6 +51,18 @@ export const DisabledWithValue: Story = {
51
51
  },
52
52
  };
53
53
 
54
+ export const AutoFocusInput: Story = {
55
+ args: {
56
+ ...defaultArgs,
57
+ label: 'Name',
58
+ variant: 'primary',
59
+ type: 'text',
60
+ value: '',
61
+ required: true,
62
+ autoFocus: true,
63
+ },
64
+ };
65
+
54
66
  export const WithoutLabel: Story = {
55
67
  render: () => {
56
68
  const [value, setValue] = useState('');
@@ -23,6 +23,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
23
23
  onBlur,
24
24
  onFocus,
25
25
  autoComplete = 'off',
26
+ autoFocus = false,
26
27
  minValue = -Infinity,
27
28
  maxValue = Infinity,
28
29
  transparentBackground = false,
@@ -48,13 +49,13 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
48
49
  >
49
50
  {isLabelRequired && (
50
51
  <label
51
- htmlFor={name}
52
52
  className={classNames(
53
53
  `ff-input-label-container ff-input-label-container--${size}`,
54
54
  {
55
55
  'ff-input-label-container--danger': !!error,
56
56
  }
57
57
  )}
58
+ htmlFor={name}
58
59
  >
59
60
  {required && <span className="required-asterisk">*</span>}
60
61
  <span
@@ -97,6 +98,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
97
98
  onFocus={onFocus}
98
99
  onBlur={onBlur}
99
100
  autoComplete={autoComplete}
101
+ autoFocus={autoFocus}
100
102
  min={minValue}
101
103
  max={maxValue}
102
104
  {...props}
@@ -65,6 +65,10 @@ export interface InputProps {
65
65
  * if on, suggestion popup will be displayed
66
66
  */
67
67
  autoComplete?: 'on' | 'off';
68
+ /**
69
+ * if true, input field is in autofocus state
70
+ */
71
+ autoFocus?: boolean;
68
72
  /**
69
73
  * minimum and maximum values for the number type input field and their functions
70
74
  */
@@ -15,7 +15,7 @@ export interface InputWithDropdownProps {
15
15
  * Label | field label to be displayed
16
16
  */
17
17
  label?: string;
18
-
18
+
19
19
  /**
20
20
  * value | input field value
21
21
  */
@@ -88,3 +88,7 @@
88
88
  color: var(--label-edit-error-text);
89
89
  }
90
90
  }
91
+ .custom-edit-text-field {
92
+ height: 10px;
93
+ width: 100px;
94
+ }
@@ -187,11 +187,12 @@ export const openLabelEditTextField: Story = {
187
187
  confirmAction={handleConfirmAction}
188
188
  onInputChange={handleInputChange}
189
189
  isOpen={true}
190
+ className="custom-edit-text-field"
191
+ showText={false}
190
192
  customError="text is too long"
191
193
  customErrorCondition={demoText?.length > 10}
192
194
  />
193
195
  );
194
196
  },
195
197
  };
196
-
197
198
  export default meta;
@@ -30,6 +30,7 @@ const LabelEditTextField: FC<LabelEditTextFieldTypes> = ({
30
30
  label,
31
31
  placeholder,
32
32
  text,
33
+ showText = true,
33
34
  highlightText,
34
35
  customError,
35
36
  confirmIcon,
@@ -39,6 +40,7 @@ const LabelEditTextField: FC<LabelEditTextFieldTypes> = ({
39
40
  onInputChange,
40
41
  dropdownData = [],
41
42
  // width,
43
+ className,
42
44
  height,
43
45
  isOpen = false,
44
46
  confirmAction,
@@ -182,7 +184,7 @@ const LabelEditTextField: FC<LabelEditTextFieldTypes> = ({
182
184
  placeholder={placeholder ? placeholder : ''}
183
185
  value={inputValue}
184
186
  onChange={handleTextFieldChange}
185
- className={`
187
+ className={`${className}
186
188
 
187
189
  ${isTextFieldModified ? 'modified' : ''}`}
188
190
  />
@@ -203,7 +205,7 @@ const LabelEditTextField: FC<LabelEditTextFieldTypes> = ({
203
205
  placeholder={placeholder ? placeholder : ''}
204
206
  value={inputValue}
205
207
  onChange={handleTextFieldChange}
206
- className={`
208
+ className={`${className}
207
209
 
208
210
  ${isTextFieldModified ? 'modified' : ''}`}
209
211
  />
@@ -241,14 +243,16 @@ const LabelEditTextField: FC<LabelEditTextFieldTypes> = ({
241
243
  title={tooltip?.tooltipTitle ? tooltip?.tooltipTitle : ''}
242
244
  placement={'bottom'}
243
245
  >
244
- <span
245
- className="display-text"
246
- onDoubleClick={handleDoubleClick}
247
- role="button"
248
- onClick={handleClick}
249
- >
250
- <HighlightText text={inputValue} highlight={highlightText} />
251
- </span>
246
+ {showText && (
247
+ <span
248
+ className="display-text"
249
+ onDoubleClick={handleDoubleClick}
250
+ role="button"
251
+ onClick={handleClick}
252
+ >
253
+ <HighlightText text={inputValue} highlight={highlightText} />
254
+ </span>
255
+ )}
252
256
  </Tooltip>
253
257
  )}
254
258
  {showError && isEditing && (
@@ -17,6 +17,7 @@ export interface LabelEditTextFieldTypes {
17
17
  label?: string;
18
18
  /** Initial text displayed in the input field. */
19
19
  text?: string;
20
+ showText?: boolean;
20
21
  /** Text to be highlighted within the displayed text, if provided. */
21
22
  highlightText?: string;
22
23
  /** Custom error message to be displayed, if applicable. */
@@ -42,6 +43,7 @@ export interface LabelEditTextFieldTypes {
42
43
  onClick?: () => void;
43
44
  /** Function called when every input character got changed */
44
45
  onInputChange?: (newInputValue: string) => void;
46
+ className?: string;
45
47
  tooltip?: {
46
48
  tooltipTitle?: string;
47
49
  tooltipPlacement?: string;
@@ -15,6 +15,10 @@
15
15
  align-items: center;
16
16
  justify-content: space-between;
17
17
 
18
+ &:hover {
19
+ border-color: var(--ff-connecting-branch-color);
20
+ }
21
+
18
22
  .ff-machine-icon-text-wrapper,
19
23
  .ff-machine-icon-text-wrapper-reverse {
20
24
  display: flex;
@@ -47,7 +51,7 @@
47
51
  position: absolute;
48
52
  top: -6px;
49
53
  left: 8px;
50
- background-color: var(--ff-machine-input-field-border-color);
54
+ background-color: var(--ff-machine-input-field-label-color);
51
55
  border-radius: 4px;
52
56
  padding: 1px 2px;
53
57
  height: 12px;
@@ -20,6 +20,7 @@ const MachineInputField = ({
20
20
  sauceLabs: 'sause_lab',
21
21
  lambdaTest: 'lambda_icon',
22
22
  mac: 'mac_icon',
23
+ mac_icon: 'mac_icon',
23
24
  android: 'android_icon',
24
25
  linux: 'linux',
25
26
  'google chrome': 'chrome_icon',
@@ -30,6 +30,7 @@ const SequentialConnectingBranch: FC<SequentialConnectingBranchProps> = ({
30
30
  addInstanceLabel = 'Add Environment',
31
31
  scriptType = 'Automation',
32
32
  projectType = 'Web',
33
+ readOnly = true,
33
34
  }) => {
34
35
  const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
35
36
  const selectButtonRef = useRef<HTMLButtonElement>(null);
@@ -174,6 +175,7 @@ const SequentialConnectingBranch: FC<SequentialConnectingBranchProps> = ({
174
175
  addInstanceLabel={addInstanceLabel}
175
176
  scriptType={scriptType}
176
177
  projectType={projectType}
178
+ readOnly={readOnly}
177
179
  />
178
180
  )}
179
181
  </div>