pixel-react 1.2.8 → 1.2.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AddButton/AddButton.d.ts +5 -0
  3. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  4. package/lib/components/AddButton/index.d.ts +1 -0
  5. package/lib/components/AddButton/types.d.ts +4 -0
  6. package/lib/components/Editor/Editor.d.ts +5 -0
  7. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  8. package/lib/components/Editor/VariableDropdown.d.ts +5 -0
  9. package/lib/components/Editor/constants.d.ts +3 -0
  10. package/lib/components/Editor/index.d.ts +1 -0
  11. package/lib/components/Editor/types.d.ts +71 -0
  12. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  13. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
  14. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
  15. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  16. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  17. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  18. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  19. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  20. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  21. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  22. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  23. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  24. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  25. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  26. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  27. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +81 -0
  28. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  29. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +130 -0
  30. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  31. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  32. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  33. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  34. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  35. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  36. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  37. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  38. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  39. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  40. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  41. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  42. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  43. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  44. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +215 -0
  45. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +45 -0
  48. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +3 -0
  49. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  50. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +15 -0
  51. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +3 -0
  52. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  53. package/lib/components/ExcelFile/Types.d.ts +176 -0
  54. package/lib/components/ExcelFile/index.d.ts +1 -0
  55. package/lib/components/InputWithDropdown/InputWithDropdown.d.ts +1 -1
  56. package/lib/components/InputWithDropdown/types.d.ts +3 -1
  57. package/lib/components/Select/Select.d.ts +3 -2
  58. package/lib/components/Select/components/Dropdown.d.ts +5 -0
  59. package/lib/components/Select/components/types.d.ts +18 -0
  60. package/lib/components/Select/types.d.ts +2 -42
  61. package/lib/index.d.ts +7 -12
  62. package/lib/index.esm.js +200 -330
  63. package/lib/index.esm.js.map +1 -1
  64. package/lib/index.js +199 -329
  65. package/lib/index.js.map +1 -1
  66. package/lib/tsconfig.tsbuildinfo +1 -1
  67. package/lib/utils/find/findAndInsert.d.ts +7 -0
  68. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  69. package/package.json +3 -3
  70. package/src/assets/Themes/BaseTheme.scss +1 -0
  71. package/src/assets/Themes/DarkTheme.scss +2 -0
  72. package/src/components/Icon/Icons.scss +4 -0
  73. package/src/components/InputWithDropdown/InputWithDropdown.scss +30 -1
  74. package/src/components/InputWithDropdown/InputWithDropdown.tsx +45 -16
  75. package/src/components/InputWithDropdown/types.ts +5 -1
  76. package/src/components/Select/Select.scss +121 -188
  77. package/src/components/Select/Select.stories.tsx +4 -1
  78. package/src/components/Select/Select.tsx +140 -296
  79. package/src/components/Select/components/Dropdown.scss +50 -0
  80. package/src/components/Select/components/Dropdown.tsx +94 -0
  81. package/src/components/Select/components/types.ts +20 -0
  82. package/src/components/Select/types.ts +15 -39
  83. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +1 -1
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../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.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.stories.tsx","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excel/excelfile.stories.tsx","../src/components/excel/types.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/contextmenu/contextmenu.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.stories.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/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.stories.tsx","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.stories.tsx","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.stories.tsx","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.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.stories.tsx","../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.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../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.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../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.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.stories.tsx","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../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/tablecell/tablecell.ts","../src/utils/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.stories.tsx","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
1
+ {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../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.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.stories.tsx","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excel/excelfile.stories.tsx","../src/components/excel/types.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/contextmenu/contextmenu.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.stories.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/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.stories.tsx","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.stories.tsx","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.stories.tsx","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.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.stories.tsx","../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.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../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/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../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.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../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.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.stories.tsx","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../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/tablecell/tablecell.ts","../src/utils/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.stories.tsx","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
@@ -0,0 +1,7 @@
1
+ export type AnyObject = {
2
+ id: number;
3
+ [key: string]: any;
4
+ };
5
+ export declare function findAndInsert<T extends AnyObject>(data: T[], key: keyof T, targetId: number, newEntry: T, insertPosition: 'above' | 'below' | 'replace', childrenKey?: string): {
6
+ updatedArray: T[];
7
+ } | null;
@@ -0,0 +1,7 @@
1
+ import { findAndInsert } from './findAndInsert';
2
+ declare const _default: {
3
+ title: string;
4
+ component: typeof findAndInsert;
5
+ };
6
+ export default _default;
7
+ export declare const InteractivePlayground: () => import("react/jsx-runtime").JSX.Element;
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.2.8",
4
+ "version": "1.2.9",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -59,16 +59,16 @@
59
59
  "@dnd-kit/utilities": "^3.2.2",
60
60
  "@types/react-window": "^1.8.8",
61
61
  "@vitejs/plugin-react": "^4.3.0",
62
+ "use-context-selector": "^2.0.0",
63
+ "fast-formula-parser": "^1.0.19",
62
64
  "classnames": "^2.5.1",
63
65
  "date-fns-tz": "^3.2.0",
64
- "fast-formula-parser": "^1.0.19",
65
66
  "jsencrypt": "^3.3.2",
66
67
  "react-day-picker": "^9.2.1",
67
68
  "react-google-recaptcha": "^3.1.0",
68
69
  "react-hook-form": "^7.53.0",
69
70
  "react-window": "^1.8.10",
70
71
  "scss": "^0.2.4",
71
- "use-context-selector": "^2.0.0",
72
72
  "vite-plugin-svgr": "^4.3.0",
73
73
  "yarn": "^1.22.22"
74
74
  }
@@ -215,6 +215,7 @@ $base-theme: (
215
215
 
216
216
  //ExcelSheet
217
217
  excel-sheet-button-color: #e9b5ff,
218
+ icon-hover-color:#F7ECF8,
218
219
 
219
220
  );
220
221
  :root {
@@ -214,6 +214,8 @@ $dark-theme: (
214
214
  ff-icon-color-dark-variant: #ffffff,
215
215
  avatar-background-color:#71347B,
216
216
  avatar-icon-color:#ffffff,
217
+ excel-sheet-button-color: #e9b5ff,
218
+ icon-hover-color:#F7ECF8,
217
219
  );
218
220
  :root {
219
221
  @each $key, $value in $dark-theme {
@@ -4,6 +4,10 @@
4
4
  align-items: center;
5
5
  padding: 4px;
6
6
  box-sizing: content-box;
7
+ &:hover {
8
+ border-radius: 4px;
9
+ background-color: var(--icon-hover-color);
10
+ }
7
11
  &.ff-icon-dark {
8
12
  background-color: var(--brand-color);
9
13
  &.ff-icon-click {
@@ -10,6 +10,18 @@
10
10
  border-radius: 4px;
11
11
  padding: 0;
12
12
  position: relative;
13
+ .ff-input-with-dropdown--left {
14
+ display: flex;
15
+ flex-direction: row-reverse;
16
+ }
17
+
18
+ .ff-input-with-dropdown--right {
19
+ display: flex;
20
+ flex-direction: row;
21
+ }
22
+ .ff-floating-input--left-dropdown{
23
+ width: 698px;
24
+ }
13
25
 
14
26
  .ff-floating-label-input-container {
15
27
  .ff-floating-label {
@@ -61,6 +73,11 @@
61
73
  &--error {
62
74
  border-color: var(--input-error-text-color);
63
75
  }
76
+ &--left-dropdown {
77
+ &::placeholder {
78
+ opacity: 1;
79
+ }
80
+ }
64
81
  }
65
82
  }
66
83
 
@@ -80,10 +97,22 @@
80
97
  border: none;
81
98
  outline: none;
82
99
  margin: 0;
100
+
83
101
  &:disabled {
84
102
  cursor: not-allowed;
85
103
  }
86
104
  }
105
+
106
+ .ff-floating-dropdown--left {
107
+ min-width: 94px;
108
+ }
109
+ .seperatorline {
110
+ height: 26px;
111
+ margin-top: 3px;
112
+ border-right: 0.5px solid var(--brand-color);
113
+ flex-shrink: 0;
114
+ border-radius: 2px;
115
+ }
87
116
  }
88
117
  &:hover {
89
118
  .ff-input-with-dropdown {
@@ -98,7 +127,7 @@
98
127
  &--error {
99
128
  border-color: var(--input-error-text-color);
100
129
  }
101
- .ff-floating-label {
130
+ &--left .ff-floating-label {
102
131
  color: var(--input-hover-border-color);
103
132
  &--filled {
104
133
  color: var(--input-default-border-color);
@@ -20,8 +20,11 @@ const InputWithDropdown = ({
20
20
  onInputChangeHandler,
21
21
  onInputBlurHandler,
22
22
  optionsRequired = true,
23
+ dropdownPosition = 'right',
24
+ type = 'text',
23
25
  }: InputWithDropdownProps) => {
24
- const isValueFilled = !checkEmpty(value);
26
+ const isValueFilled = !checkEmpty(value) || dropdownPosition==='left';
27
+
25
28
  return (
26
29
  <div
27
30
  className={classNames('ff-input-with-dropdown-container', {
@@ -34,8 +37,29 @@ const InputWithDropdown = ({
34
37
  'ff-input-with-dropdown--no-hover': isValueFilled,
35
38
  'ff-input-with-dropdown--disabled': !!disabled,
36
39
  'ff-input-with-dropdown--error': !!error,
40
+ [`ff-input-with-dropdown--${dropdownPosition}`]: dropdownPosition,
37
41
  })}
38
42
  >
43
+ {dropdownPosition === 'left' && (
44
+ <>
45
+ <Select
46
+ optionsList={optionsList}
47
+ selectedOption={selectedOption}
48
+ showLabel={false}
49
+ showBorder={false}
50
+ onChange={onDropdownChangeHandler}
51
+ disabled={disabled || !optionsRequired}
52
+ optionsRequired={optionsRequired}
53
+ className={classNames('ff-floating-dropdown', {
54
+ 'ff-floating-dropdown--disabled': !!disabled,
55
+ 'ff-floating-dropdown--error': !!error,
56
+ 'ff-floating-dropdown--left': dropdownPosition === 'left'
57
+ })}
58
+ width={94}
59
+ />
60
+ <div className='seperatorline'/>
61
+ </>
62
+ )}
39
63
  <div className={classNames('ff-floating-label-input-container')}>
40
64
  <Typography
41
65
  as="label"
@@ -45,13 +69,13 @@ const InputWithDropdown = ({
45
69
  'ff-floating-label--no-hover': isValueFilled,
46
70
  'ff-floating-label--error': !!error,
47
71
  })}
72
+ required={required}
48
73
  >
49
- {required && <span className="ff-required-asterisk">*</span>}{' '}
50
74
  {label}
51
75
  </Typography>
52
76
  <input
53
77
  name={name}
54
- type="number"
78
+ type={type}
55
79
  id={name}
56
80
  value={value}
57
81
  onChange={onInputChangeHandler}
@@ -63,22 +87,26 @@ const InputWithDropdown = ({
63
87
  'ff-floating-input--filled': isValueFilled,
64
88
  'ff-floating-input--disabled': !!disabled,
65
89
  'ff-floating-input--error': !!error,
90
+ 'ff-floating-input--left-dropdown': dropdownPosition === 'left',
66
91
  })}
67
92
  />
68
93
  </div>
69
- <Select
70
- optionsList={optionsList}
71
- selectedOption={selectedOption}
72
- showLabel={false}
73
- showBorder={false}
74
- onChange={onDropdownChangeHandler}
75
- disabled={disabled || !optionsRequired}
76
- optionsRequired={optionsRequired}
77
- className={classNames('ff-floating-dropdown', {
78
- 'ff-floating-dropdown--disabled': !!disabled,
79
- 'ff-floating-dropdown--error': !!error,
80
- })}
81
- />
94
+ {dropdownPosition === 'right' && (
95
+ <Select
96
+ optionsList={optionsList}
97
+ selectedOption={selectedOption}
98
+ showLabel={false}
99
+ showBorder={false}
100
+ onChange={onDropdownChangeHandler}
101
+ disabled={disabled || !optionsRequired}
102
+ optionsRequired={optionsRequired}
103
+ className={classNames('ff-floating-dropdown', {
104
+ 'ff-floating-dropdown--disabled': !!disabled,
105
+ 'ff-floating-dropdown--error': !!error,
106
+ })}
107
+ width={120}
108
+ />
109
+ )}
82
110
  </fieldset>
83
111
  {error && helperText && (
84
112
  <span className="ff-helper-text">{helperText}</span>
@@ -87,4 +115,5 @@ const InputWithDropdown = ({
87
115
  );
88
116
  };
89
117
 
118
+
90
119
  export default InputWithDropdown;
@@ -19,7 +19,9 @@ export interface InputWithDropdownProps {
19
19
  /**
20
20
  * value | input field value
21
21
  */
22
- value?: number;
22
+ value?: string | number
23
+
24
+ type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time'
23
25
 
24
26
  /**
25
27
  * variants to set color/style of the input field
@@ -106,4 +108,6 @@ export interface InputWithDropdownProps {
106
108
  * optionsRequired:false prop removes options from dropdown & shows static label only
107
109
  */
108
110
  optionsRequired?: boolean;
111
+
112
+ dropdownPosition?: 'left' | 'right'
109
113
  }