pixel-react 1.6.1 → 1.6.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 (46) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Avatar/types.d.ts +9 -1
  3. package/lib/components/IconButton/types.d.ts +1 -0
  4. package/lib/components/TableTree/Components/TableBody.d.ts +4 -0
  5. package/lib/components/TableTree/Components/TableCell.d.ts +4 -0
  6. package/lib/components/TableTree/Components/TableHead.d.ts +4 -0
  7. package/lib/components/TableTree/Components/TableRow.d.ts +4 -0
  8. package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
  9. package/lib/components/TableTree/types.d.ts +38 -5
  10. package/lib/index.d.ts +15 -6
  11. package/lib/index.esm.js +52 -23
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +52 -23
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/assets/icons/authorization_icon.svg +1 -0
  18. package/src/assets/icons/backward.svg +10 -0
  19. package/src/assets/icons/capture_icon.svg +6 -0
  20. package/src/assets/icons/forward.svg +3 -0
  21. package/src/assets/icons/project_status_icon.svg +10 -0
  22. package/src/assets/icons/refresh_icon.svg +4 -0
  23. package/src/assets/icons/rotate_icon.svg +10 -0
  24. package/src/assets/icons/swipe_icon.svg +9 -0
  25. package/src/assets/icons/tap_icon.svg +4 -0
  26. package/src/components/Avatar/Avatar.scss +4 -0
  27. package/src/components/Avatar/Avatar.stories.tsx +38 -18
  28. package/src/components/Avatar/Avatar.tsx +19 -3
  29. package/src/components/Avatar/types.ts +9 -1
  30. package/src/components/FileDropzone/FileDropzone.scss +0 -1
  31. package/src/components/Icon/iconList.ts +16 -0
  32. package/src/components/IconButton/IconButton.scss +11 -11
  33. package/src/components/IconButton/IconButton.tsx +2 -1
  34. package/src/components/IconButton/types.ts +1 -0
  35. package/src/components/Select/Select.scss +4 -0
  36. package/src/components/Select/Select.stories.tsx +1 -1
  37. package/src/components/Select/Select.tsx +2 -1
  38. package/src/components/TableTree/Components/TableBody.tsx +35 -0
  39. package/src/components/TableTree/Components/TableCell.tsx +59 -0
  40. package/src/components/TableTree/Components/TableHead.tsx +39 -0
  41. package/src/components/TableTree/Components/TableRow.tsx +37 -0
  42. package/src/components/TableTree/TableTree.scss +8 -5
  43. package/src/components/TableTree/TableTree.tsx +8 -44
  44. package/src/components/TableTree/Utils/getAllChildIds.ts +12 -0
  45. package/src/components/TableTree/Utils/renderSpaces.ts +0 -0
  46. package/src/components/TableTree/types.ts +43 -5
@@ -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/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/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/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
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/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/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/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
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.6.1",
4
+ "version": "1.6.3",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -1,3 +1,4 @@
1
1
  <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M7.01996 1.20377C8.85437 1.81129 10.7372 2.52661 12.3472 3.151C12.4591 3.88383 12.6126 5.14073 12.6419 6.66013C12.6679 8.39079 12.5248 9.3455 12.4613 9.67831C12.3285 10.1368 12.0497 10.6349 11.6329 11.1587C11.1385 11.7793 10.4653 12.4246 9.6322 13.0762L9.63063 13.0774C8.44655 14.0068 7.35028 14.6059 7.01996 14.7784C6.68964 14.6062 5.59462 14.0084 4.41116 13.0796L4.40959 13.0784C3.57677 12.4271 2.90394 11.7821 2.41049 11.1618C2.01455 10.664 1.74329 10.1889 1.60329 9.74988C1.59954 9.73519 1.59548 9.7205 1.59079 9.7055C1.52829 9.49394 1.32735 8.64173 1.35766 6.54419C1.39079 5.20791 1.51329 4.01414 1.70454 3.14287C3.30957 2.5213 5.1868 1.80941 7.01996 1.20377ZM7.01996 0C6.92589 0 6.83152 0.0150003 6.73995 0.0453134C4.94273 0.63595 3.09926 1.32878 1.22453 2.05504C0.97234 2.15285 0.760773 2.3338 0.62327 2.5538C0.633896 2.55505 0.23795 3.79101 0.170449 6.52075C0.130448 9.25081 0.470455 10.0686 0.459205 10.0696C0.643271 10.6696 0.987652 11.2799 1.4811 11.9005C2.03267 12.5937 2.778 13.3096 3.67833 14.0134C5.16867 15.1831 6.56339 15.8822 6.62183 15.9069C6.74808 15.9688 6.88214 16 7.02027 16C7.15871 16 7.29309 15.9684 7.41934 15.9062C7.47809 15.8816 8.87437 15.1803 10.3641 14.0109C11.2647 13.3065 12.0101 12.5906 12.5619 11.8977C13.0907 11.233 13.4482 10.5808 13.621 9.9402C13.6141 9.93926 13.8642 8.93674 13.8295 6.6395C13.7854 4.34258 13.4654 2.64849 13.4698 2.64693C13.3366 2.38723 13.1032 2.17004 12.8176 2.0591C10.9425 1.33253 9.09875 0.63845 7.30121 0.0459384C7.20902 0.0156253 7.11434 0 7.01996 0Z" fill="currentColor"/>
3
+ <path d="M7.01901 11.0311C6.6765 11.0311 6.35462 10.898 6.11274 10.6558C5.87055 10.4136 5.73711 10.0918 5.73711 9.74956V8.7486C5.21335 8.35641 4.90021 7.74202 4.8999 7.07045C4.8999 5.91261 5.8418 4.97041 6.99963 4.97009C7.56058 4.97009 8.08809 5.18853 8.48466 5.58511C8.88123 5.98168 9.09998 6.50919 9.09998 7.07013C9.09998 7.72108 8.80092 8.32516 8.30059 8.71923V9.74956C8.30059 10.0921 8.16747 10.4139 7.92527 10.6558C7.68308 10.898 7.3612 11.0311 7.01901 11.0315V11.0311ZM6.99994 6.1573C6.49681 6.1573 6.08743 6.56669 6.08743 7.06982C6.08743 7.41858 6.2818 7.73202 6.59493 7.88765C6.79681 7.98796 6.92432 8.19391 6.92432 8.41922V9.74925C6.92432 9.80112 6.96682 9.84363 7.01869 9.84363C7.05088 9.84363 7.07276 9.82863 7.08526 9.81613C7.09776 9.80363 7.11276 9.78175 7.11276 9.74956V8.40047C7.11276 8.18109 7.2337 7.97953 7.42745 7.8764C7.72652 7.71702 7.91246 7.40827 7.91215 7.07013C7.91215 6.82638 7.81715 6.59731 7.64496 6.42481C7.47245 6.25262 7.24339 6.15762 6.99963 6.15762L6.99994 6.1573Z" fill="currentColor"/>
3
4
  </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4584_13995)">
3
+ <path d="M15 8.36263L1 8.36263M1 8.36263L6.25 3M1 8.36263L6.25 13.7253" stroke="currentcolor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_4584_13995">
7
+ <rect width="16" height="16" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 16 0)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.83333 14V13.5H3C2.72386 13.5 2.5 13.2761 2.5 13V12.1667H2V10.5H2.5V8.83333H2V7.16667H2.5V5.5H2V3.83333H2.5V3C2.5 2.72386 2.72386 2.5 3 2.5H3.83333V2H5.5V2.5H7.16667V2H8.83333V2.5H10.5V2H12.1667V2.5H13C13.2761 2.5 13.5 2.72386 13.5 3V3.83333H14V5.5H13.5V7.16667H14V8.83333H13.5V10.5H14V12.1667H13.5V13C13.5 13.2761 13.2761 13.5 13 13.5H12.1667V14H10.5V13.5H8.83333V14H7.16667V13.5H5.5V14H3.83333Z" stroke="currentcolor" stroke-dasharray="2 2"/>
3
+ <path d="M11 11H14V12H12V14H11V11Z" fill="currentcolor"/>
4
+ <rect x="12" y="12" width="2" height="2" fill=""/>
5
+ <rect x="11.4622" y="12.2595" width="1" height="2.5193" transform="rotate(-49.0426 11.4622 12.2595)" fill="currentcolor"/>
6
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1.90479 8.57157H14.0953M14.0953 8.57157L9.52383 12.9797M14.0953 8.57157L9.52383 4.16341" stroke="currentcolor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.522 3.29551V9.46075C17.522 10.9867 16.8226 12.7579 15.5531 14.4481C14.0737 16.4173 11.8945 18.1555 9.25101 19.4748L8.99975 19.6L8.74849 19.4748C6.10501 18.1555 3.9258 16.4173 2.44637 14.4481C1.17694 12.7579 0.477539 10.9867 0.477539 9.46075V3.29551L4.6237 0.400024H13.3758L17.522 3.29551Z" fill="#00358F"/>
3
+ <path d="M17.5222 3.29551V9.46075C17.5222 10.9867 16.8228 12.7579 15.5534 14.4481C14.0739 16.4173 11.8947 18.1555 9.25126 19.4748L9 19.6V0.400024H13.376L17.5222 3.29551Z" fill="#012453"/>
4
+ <path d="M12.6677 2.65015H5.33164L2.72754 4.46859V9.46079C2.72754 11.1765 4.41548 14.5291 8.99966 17.0653C13.5838 14.5291 15.2718 11.1765 15.2718 9.46079V4.46859L12.6677 2.65015Z" fill="#00B3FE"/>
5
+ <path d="M15.2721 4.46859V9.46079C15.2721 11.1765 13.5842 14.5291 9 17.0653V2.65015H12.668L15.2721 4.46859Z" fill="#0274F9"/>
6
+ <path d="M12.8447 2.08765H5.15466L2.16504 4.17535V9.46081C2.16504 10.5581 2.72081 11.9524 3.68947 13.286C4.86889 14.9098 6.61084 16.387 8.72742 17.5578L8.99968 17.7085L9.27194 17.5578C11.3885 16.387 13.1305 14.9098 14.3099 13.286C15.2786 11.9524 15.8343 10.5581 15.8343 9.46081V4.17535L12.8447 2.08765ZM14.7093 9.46081C14.7093 10.9575 13.1826 14.0135 8.99968 16.4196C4.81677 14.0135 3.29008 10.9575 3.29008 9.46081V4.76188L5.50867 3.21269H12.4907L14.7093 4.76188V9.46081Z" fill="#EFF5FA"/>
7
+ <path d="M15.8346 4.17535V9.46081C15.8346 10.5581 15.2789 11.9524 14.3102 13.286C13.1308 14.9098 11.3888 16.387 9.27226 17.5578L9 17.7085V16.4196C13.1829 14.0135 14.7096 10.9575 14.7096 9.46081V4.76188L12.491 3.21269H9V2.08765H12.845L15.8346 4.17535Z" fill="#C6E1EC"/>
8
+ <path d="M12.591 6.93419L8.99983 10.6251L8.99233 10.633L8.07917 11.5712L5.40869 9.07365L6.1771 8.25199L8.04167 9.99618L8.99233 9.01965L8.99983 9.01177L11.7847 6.14966L12.591 6.93419Z" fill="#EFF5FA"/>
9
+ <path d="M12.5911 6.93419L9 10.6251V9.01177L11.7849 6.14966L12.5911 6.93419Z" fill="#C6E1EC"/>
10
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14 14C13.8232 14 13.6537 13.9298 13.5286 13.8047C13.4036 13.6797 13.3334 13.5101 13.3334 13.3333V10.6667H10.6667C10.4899 10.6667 10.3203 10.5964 10.1953 10.4714C10.0703 10.3464 10 10.1768 10 10C10 9.82319 10.0703 9.65362 10.1953 9.5286C10.3203 9.40357 10.4899 9.33333 10.6667 9.33333H14C14.1769 9.33333 14.3464 9.40357 14.4714 9.5286C14.5965 9.65362 14.6667 9.82319 14.6667 10V13.3333C14.6667 13.5101 14.5965 13.6797 14.4714 13.8047C14.3464 13.9298 14.1769 14 14 14ZM5.33337 6.66667H2.00004C1.82323 6.66667 1.65366 6.59643 1.52864 6.4714C1.40361 6.34638 1.33337 6.17681 1.33337 6V2.66667C1.33337 2.48986 1.40361 2.32029 1.52864 2.19526C1.65366 2.07024 1.82323 2 2.00004 2C2.17685 2 2.34642 2.07024 2.47145 2.19526C2.59647 2.32029 2.66671 2.48986 2.66671 2.66667V5.33333H5.33337C5.51018 5.33333 5.67975 5.40357 5.80478 5.5286C5.9298 5.65362 6.00004 5.82319 6.00004 6C6.00004 6.17681 5.9298 6.34638 5.80478 6.4714C5.67975 6.59643 5.51018 6.66667 5.33337 6.66667Z" fill="currentcolor"/>
3
+ <path d="M7.99995 14.6666C6.35977 14.6669 4.77704 14.0626 3.55448 12.9692C2.33192 11.8757 1.55534 10.37 1.37328 8.73997C1.36365 8.65242 1.37136 8.56384 1.39597 8.47927C1.42057 8.3947 1.4616 8.3158 1.51669 8.24709C1.62796 8.10831 1.78981 8.01942 1.96662 7.99997C2.14343 7.98052 2.32072 8.03211 2.4595 8.14338C2.59828 8.25465 2.68717 8.41649 2.70662 8.59331C2.83839 9.79511 3.37458 10.9165 4.22728 11.7736C5.07999 12.6306 6.19859 13.1726 7.3997 13.3105C8.60081 13.4485 9.81315 13.1742 10.8379 12.5327C11.8627 11.8912 12.6392 10.9206 13.0399 9.77997C13.0649 9.69229 13.1077 9.61066 13.1655 9.54014C13.2232 9.46963 13.2949 9.41171 13.376 9.36998C13.457 9.32825 13.5458 9.3036 13.6368 9.29754C13.7277 9.29148 13.819 9.30414 13.9049 9.33475C13.9908 9.36536 14.0695 9.41326 14.1361 9.47549C14.2027 9.53772 14.2559 9.61296 14.2923 9.69655C14.3287 9.78014 14.3476 9.87032 14.3477 9.96149C14.3479 10.0527 14.3294 10.1429 14.2933 10.2266C13.8325 11.5269 12.9798 12.6522 11.8527 13.4474C10.7255 14.2426 9.3794 14.6686 7.99995 14.6666ZM13.96 7.99997C13.7951 8.00097 13.6358 7.94089 13.5127 7.83132C13.3896 7.72174 13.3114 7.57045 13.2933 7.40664C13.1556 6.21059 12.6173 5.09631 11.766 4.24504C10.9146 3.39377 9.80024 2.8556 8.60418 2.71807C7.40812 2.58054 6.20071 2.85174 5.17835 3.48755C4.15599 4.12337 3.37883 5.08639 2.97328 6.21997C2.94829 6.30766 2.90557 6.38928 2.84778 6.4598C2.78999 6.53032 2.71834 6.58823 2.63727 6.62996C2.55621 6.67169 2.46744 6.69635 2.37647 6.70241C2.28549 6.70847 2.19424 6.6958 2.10836 6.66519C2.02247 6.63459 1.94378 6.58669 1.87714 6.52446C1.8105 6.46223 1.75734 6.38699 1.72093 6.30339C1.68453 6.2198 1.66566 6.12963 1.66549 6.03845C1.66532 5.94728 1.68386 5.85703 1.71995 5.7733C2.2219 4.34935 3.19234 3.13796 4.47245 2.33738C5.75255 1.5368 7.2665 1.19445 8.76651 1.36637C10.2665 1.53828 11.6638 2.21428 12.7295 3.28372C13.7953 4.35317 14.4665 5.75271 14.6333 7.2533C14.652 7.42821 14.6009 7.60344 14.491 7.7408C14.3811 7.87817 14.2214 7.96653 14.0466 7.98664L13.96 7.99997Z" fill="currentcolor"/>
4
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4584_14070)">
3
+ <path d="M10.6519 2.47368C11.6114 2.92652 12.437 3.61884 13.0482 4.48336C13.6595 5.34787 14.0358 6.35517 14.1404 7.40732H15.0183C14.8676 5.65951 14.0639 4.03158 12.7661 2.84524C11.4683 1.65889 9.77087 1.00044 8.00915 1H7.62308L9.85681 3.24256L10.6519 2.47368ZM6.34994 3.02288L13.019 9.66362L9.66837 13L2.99933 6.35469L6.34994 3.02288ZM6.34994 1.7643C6.11717 1.76444 5.89398 1.85663 5.72945 2.02059L1.99737 5.73684C1.91524 5.81809 1.85006 5.91471 1.80558 6.02113C1.7611 6.12756 1.73821 6.2417 1.73821 6.35698C1.73821 6.47226 1.7611 6.58639 1.80558 6.69282C1.85006 6.79925 1.91524 6.89587 1.99737 6.97712L9.04789 13.9977C9.21599 14.1591 9.43948 14.2507 9.67297 14.254C9.90574 14.2539 10.1289 14.1617 10.2934 13.9977L14.0209 10.2815C14.1036 10.2005 14.1693 10.104 14.2141 9.99754C14.259 9.89107 14.282 9.77678 14.282 9.66133C14.282 9.54588 14.259 9.43158 14.2141 9.32511C14.1693 9.21864 14.1036 9.12212 14.0209 9.04119L6.97502 2.02059C6.81049 1.85663 6.5873 1.76444 6.35453 1.7643H6.34994ZM5.38015 13.5492C4.4155 13.0955 3.58564 12.4002 2.97174 11.5314C2.35784 10.6626 1.98093 9.65002 1.87787 8.59268H1C1.15074 10.3405 1.95441 11.9684 3.25218 13.1548C4.54996 14.3411 6.24743 14.9996 8.00915 15H8.39523L6.16149 12.7757L5.38015 13.5492Z" fill="currentcolor"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_4584_14070">
7
+ <rect width="16" height="16" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 16 0)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg width="16" height="16" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.5739 9.27756V14.1579C13.5739 15.7274 12.3683 16.9998 10.8829 16.9998H7.97215C7.12796 16.9998 6.31301 16.6363 5.74713 15.9741C5.49034 15.6738 5.24124 15.3119 5.05826 14.8899L2.58107 9.9154C2.3397 9.42873 2.51921 8.8338 2.97317 8.58129C3.6436 8.20962 4.47241 8.48066 4.82454 9.18992L5.60875 10.7642V3.66524C5.60875 3.0696 6.07005 2.5535 6.63437 2.56971C7.16572 2.58611 7.60002 3.04444 7.60002 3.61978V7.92719C7.60002 7.34617 8.04594 6.87711 8.59643 6.87711C9.14374 6.87711 9.59129 7.34373 9.59129 7.92719V8.50175C9.59129 7.9207 10.0372 7.45165 10.5877 7.45165C11.1361 7.45165 11.5826 7.91952 11.5826 8.50175V9.27753C11.5826 8.69649 12.0285 8.22746 12.579 8.22746C13.1274 8.22746 13.5739 8.69533 13.5739 9.27756Z" fill="#ffffff" stroke="currentcolor" stroke-linejoin="round"/>
3
+ <mask id="path-2-outside-1_8001_33053" maskUnits="userSpaceOnUse" x="-0.573853" y="0" width="6" height="9" fill="currentcolor">
4
+ <rect fill="white" x="-0.573853" width="6" height="9"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M2.49785 1.00001C2.57712 0.999346 2.65342 1.0302 2.70996 1.08578L4.51888 2.86463C4.57382 2.92056 4.60459 2.99583 4.60456 3.07423C4.60454 3.15263 4.57372 3.22788 4.51875 3.28378C4.46378 3.33968 4.38906 3.37175 4.31067 3.37309C4.23229 3.37443 4.15651 3.34492 4.09967 3.29093L2.81729 2.02988L2.87005 7.1985L4.14046 5.90189C4.19629 5.84686 4.2715 5.81595 4.3499 5.81583C4.4283 5.81571 4.50361 5.84639 4.55961 5.90126C4.6156 5.95612 4.64781 6.03079 4.64929 6.10917C4.65078 6.18756 4.62141 6.26339 4.56753 6.32033L2.79198 8.1325C2.73649 8.18912 2.66077 8.22139 2.5815 8.2222C2.50222 8.22301 2.42587 8.1923 2.36923 8.13682L0.557056 6.36127C0.50202 6.30544 0.471113 6.23022 0.470994 6.15183C0.470875 6.07343 0.501553 5.99812 0.55642 5.94212C0.611287 5.88612 0.685953 5.85392 0.764337 5.85243C0.84272 5.85095 0.91855 5.88032 0.975494 5.9342L2.25067 7.18361L2.20742 2.02318L0.934648 3.31746C0.878716 3.37239 0.803445 3.40316 0.725047 3.40314C0.64665 3.40311 0.571398 3.3723 0.5155 3.31733C0.459601 3.26236 0.427529 3.18764 0.426191 3.10925C0.424853 3.03086 0.454356 2.95509 0.508345 2.89824L2.2872 1.08932C2.3428 1.0328 2.41857 1.00067 2.49785 1.00001Z"/>
6
+ </mask>
7
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M2.49785 1.00001C2.57712 0.999346 2.65342 1.0302 2.70996 1.08578L4.51888 2.86463C4.57382 2.92056 4.60459 2.99583 4.60456 3.07423C4.60454 3.15263 4.57372 3.22788 4.51875 3.28378C4.46378 3.33968 4.38906 3.37175 4.31067 3.37309C4.23229 3.37443 4.15651 3.34492 4.09967 3.29093L2.81729 2.02988L2.87005 7.1985L4.14046 5.90189C4.19629 5.84686 4.2715 5.81595 4.3499 5.81583C4.4283 5.81571 4.50361 5.84639 4.55961 5.90126C4.6156 5.95612 4.64781 6.03079 4.64929 6.10917C4.65078 6.18756 4.62141 6.26339 4.56753 6.32033L2.79198 8.1325C2.73649 8.18912 2.66077 8.22139 2.5815 8.2222C2.50222 8.22301 2.42587 8.1923 2.36923 8.13682L0.557056 6.36127C0.50202 6.30544 0.471113 6.23022 0.470994 6.15183C0.470875 6.07343 0.501553 5.99812 0.55642 5.94212C0.611287 5.88612 0.685953 5.85392 0.764337 5.85243C0.84272 5.85095 0.91855 5.88032 0.975494 5.9342L2.25067 7.18361L2.20742 2.02318L0.934648 3.31746C0.878716 3.37239 0.803445 3.40316 0.725047 3.40314C0.64665 3.40311 0.571398 3.3723 0.5155 3.31733C0.459601 3.26236 0.427529 3.18764 0.426191 3.10925C0.424853 3.03086 0.454356 2.95509 0.508345 2.89824L2.2872 1.08932C2.3428 1.0328 2.41857 1.00067 2.49785 1.00001Z" fill="currentcolor"/>
8
+ <path d="M2.70996 1.08578L2.85019 0.943175L2.85017 0.943154L2.70996 1.08578ZM2.49785 1.00001L2.49952 1.2L2.49785 1.00001ZM4.51888 2.86463L4.66159 2.72447L4.65911 2.72203L4.51888 2.86463ZM4.60456 3.07423L4.40456 3.07417V3.07417L4.60456 3.07423ZM4.31067 3.37309L4.31409 3.57306H4.31409L4.31067 3.37309ZM4.09967 3.29093L3.95941 3.43356L3.96193 3.43595L4.09967 3.29093ZM2.81729 2.02988L2.95752 1.88728L2.61236 1.54785L2.6173 2.03192L2.81729 2.02988ZM2.87005 7.1985L2.67006 7.20054L2.67499 7.68336L3.01291 7.33847L2.87005 7.1985ZM4.14046 5.90189L4.00003 5.75944L3.9976 5.76192L4.14046 5.90189ZM4.3499 5.81583L4.3502 6.01583H4.35021L4.3499 5.81583ZM4.55961 5.90126L4.69958 5.7584L4.69958 5.7584L4.55961 5.90126ZM4.64929 6.10917L4.84926 6.10539L4.64929 6.10917ZM4.56753 6.32033L4.71041 6.46032L4.7128 6.4578L4.56753 6.32033ZM2.79198 8.1325L2.93482 8.27249L2.93484 8.27247L2.79198 8.1325ZM2.5815 8.2222L2.57946 8.02221L2.5815 8.2222ZM2.36923 8.13682L2.22926 8.27968L2.22928 8.2797L2.36923 8.13682ZM0.557056 6.36127L0.414603 6.5017L0.417086 6.50413L0.557056 6.36127ZM0.470994 6.15183L0.670994 6.15152L0.470994 6.15183ZM0.55642 5.94212L0.699277 6.08209L0.699278 6.08209L0.55642 5.94212ZM0.764337 5.85243L0.768115 6.0524H0.768116L0.764337 5.85243ZM0.975494 5.9342L1.11549 5.79132L1.11296 5.78893L0.975494 5.9342ZM2.25067 7.18361L2.1107 7.32646L2.4547 7.66351L2.45066 7.18193L2.25067 7.18361ZM2.20742 2.02318L2.40741 2.0215L2.40336 1.53867L2.06482 1.88294L2.20742 2.02318ZM0.934648 3.31746L1.07481 3.46017L1.07725 3.45769L0.934648 3.31746ZM0.725047 3.40314L0.725109 3.20314H0.725109L0.725047 3.40314ZM0.5155 3.31733L0.375268 3.45993L0.375269 3.45993L0.5155 3.31733ZM0.426191 3.10925L0.22622 3.11266L0.426191 3.10925ZM0.508345 2.89824L0.365722 2.75799L0.363328 2.76051L0.508345 2.89824ZM2.2872 1.08932L2.14462 0.949067L2.1446 0.949088L2.2872 1.08932ZM2.85017 0.943154C2.75581 0.850394 2.62848 0.798909 2.49617 0.800018L2.49952 1.2C2.52577 1.19978 2.55103 1.21 2.56975 1.2284L2.85017 0.943154ZM4.65911 2.72203L2.85019 0.943175L2.56973 1.22838L4.37865 3.00723L4.65911 2.72203ZM4.80456 3.07429C4.8046 2.94345 4.75325 2.81783 4.66157 2.72449L4.37619 3.00477C4.39438 3.02329 4.40457 3.04821 4.40456 3.07417L4.80456 3.07429ZM4.66136 3.42401C4.75309 3.33072 4.80452 3.20513 4.80456 3.07429L4.40456 3.07417C4.40455 3.10013 4.39435 3.12504 4.37615 3.14355L4.66136 3.42401ZM4.31409 3.57306C4.44491 3.57083 4.56962 3.5173 4.66136 3.42401L4.37615 3.14355C4.35795 3.16206 4.33321 3.17267 4.30726 3.17312L4.31409 3.57306ZM3.96193 3.43595C4.0568 3.52605 4.18327 3.57529 4.31409 3.57306L4.30726 3.17312C4.28131 3.17356 4.25622 3.16379 4.2374 3.14592L3.96193 3.43595ZM2.67706 2.17248L3.95943 3.43354L4.2399 3.14833L2.95752 1.88728L2.67706 2.17248ZM3.07004 7.19646L3.01728 2.02784L2.6173 2.03192L2.67006 7.20054L3.07004 7.19646ZM3.9976 5.76192L2.7272 7.05853L3.01291 7.33847L4.28332 6.04186L3.9976 5.76192ZM4.3496 5.61583C4.21876 5.61603 4.09323 5.66761 4.00005 5.75946L4.28086 6.04433C4.29935 6.0261 4.32425 6.01587 4.3502 6.01583L4.3496 5.61583ZM4.69958 5.7584C4.60612 5.66683 4.48044 5.61563 4.3496 5.61583L4.35021 6.01583C4.37616 6.01579 4.4011 6.02595 4.41964 6.04412L4.69958 5.7584ZM4.84926 6.10539C4.84679 5.97458 4.79303 5.84997 4.69958 5.7584L4.41964 6.04412C4.43818 6.06228 4.44884 6.087 4.44933 6.11295L4.84926 6.10539ZM4.7128 6.4578C4.80272 6.36276 4.85173 6.23621 4.84926 6.10539L4.44933 6.11295C4.44982 6.13891 4.4401 6.16401 4.42226 6.18287L4.7128 6.4578ZM2.93484 8.27247L4.71038 6.4603L4.42467 6.18036L2.64912 7.99253L2.93484 8.27247ZM2.58354 8.42219C2.71585 8.42084 2.8422 8.36699 2.93482 8.27249L2.64914 7.99251C2.63077 8.01126 2.6057 8.02194 2.57946 8.02221L2.58354 8.42219ZM2.22928 8.2797C2.3238 8.37228 2.45123 8.42354 2.58354 8.42219L2.57946 8.02221C2.55321 8.02247 2.52793 8.01231 2.50918 7.99394L2.22928 8.2797ZM0.417086 6.50413L2.22926 8.27968L2.5092 7.99396L0.697027 6.21841L0.417086 6.50413ZM0.270995 6.15213C0.271193 6.28297 0.322773 6.4085 0.414625 6.50167L0.699488 6.22087C0.681266 6.20238 0.671034 6.17748 0.670994 6.15152L0.270995 6.15213ZM0.413563 5.80215C0.321995 5.89561 0.270796 6.02129 0.270995 6.15213L0.670994 6.15152C0.670955 6.12557 0.681112 6.10063 0.699277 6.08209L0.413563 5.80215ZM0.760558 5.65247C0.629742 5.65494 0.50513 5.7087 0.413562 5.80215L0.699278 6.08209C0.717443 6.06355 0.742164 6.05289 0.768115 6.0524L0.760558 5.65247ZM1.11296 5.78893C1.01793 5.699 0.891373 5.65 0.760557 5.65247L0.768116 6.0524C0.794068 6.05191 0.819174 6.06163 0.838027 6.07947L1.11296 5.78893ZM2.39064 7.04075L1.11546 5.79135L0.835523 6.07706L2.1107 7.32646L2.39064 7.04075ZM2.00743 2.02485L2.05068 7.18528L2.45066 7.18193L2.40741 2.0215L2.00743 2.02485ZM1.07725 3.45769L2.35002 2.16341L2.06482 1.88294L0.792046 3.17723L1.07725 3.45769ZM0.724985 3.60314C0.855824 3.60318 0.981445 3.55183 1.07479 3.46015L0.794505 3.17477C0.775986 3.19296 0.751065 3.20315 0.725109 3.20314L0.724985 3.60314ZM0.375269 3.45993C0.468558 3.55167 0.594146 3.6031 0.724986 3.60314L0.725109 3.20314C0.699153 3.20313 0.674238 3.19293 0.655731 3.17473L0.375269 3.45993ZM0.22622 3.11266C0.228454 3.24348 0.281979 3.36819 0.375268 3.45993L0.655731 3.17473C0.637224 3.15653 0.626605 3.13179 0.626162 3.10584L0.22622 3.11266ZM0.363328 2.76051C0.273225 2.85538 0.223987 2.98184 0.22622 3.11266L0.626162 3.10584C0.625719 3.07988 0.635487 3.0548 0.653362 3.03598L0.363328 2.76051ZM2.1446 0.949088L0.365743 2.75801L0.650947 3.03847L2.4298 1.22955L2.1446 0.949088ZM2.49617 0.800018C2.36386 0.801126 2.23741 0.854739 2.14462 0.949067L2.42978 1.22957C2.44819 1.21086 2.47327 1.20022 2.49952 1.2L2.49617 0.800018Z" fill="currentcolor" mask="url(#path-2-outside-1_8001_33053)"/>
9
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="2.4209" width="4.26667" height="4.26667" rx="2.13333" fill="currentcolor"/>
3
+ <path d="M11.3333 8.57942V13.2691C11.3333 14.7772 10.1749 16 8.7475 16H5.95043C5.13922 16 4.35611 15.6506 3.81234 15.0143C3.56558 14.7258 3.32621 14.378 3.15038 13.9725L0.769979 9.19234C0.538043 8.7247 0.710535 8.15301 1.14677 7.91036C1.791 7.55321 2.58742 7.81366 2.92579 8.49521L3.67937 10.008V3.18639C3.67937 2.61402 4.12264 2.11808 4.66492 2.13366C5.1755 2.14942 5.59284 2.58985 5.59284 3.1427V7.28182C5.59284 6.7235 6.02133 6.27277 6.55032 6.27277C7.07624 6.27277 7.50631 6.72116 7.50631 7.28182V7.83392C7.50631 7.27558 7.9348 6.82486 8.46379 6.82486C8.99072 6.82486 9.4198 7.27445 9.4198 7.83392V8.5794C9.4198 8.02106 9.8483 7.57036 10.3773 7.57036C10.9042 7.57036 11.3333 8.01995 11.3333 8.57942Z" fill="white" stroke="currentcolor" stroke-linejoin="round"/>
4
+ </svg>
@@ -20,5 +20,9 @@
20
20
  width: 64px;
21
21
  height: 64px;
22
22
  }
23
+ .ff-avatar-label {
24
+ font-weight: bold;
25
+ text-align: center;
26
+ }
23
27
  }
24
28
 
@@ -9,12 +9,12 @@ const meta: Meta<typeof Avatar> = {
9
9
  layout: 'centered',
10
10
  },
11
11
  argTypes: {
12
- variant: {
13
- control: { type: 'radio' },
14
- options: ['small', 'medium', 'large'],
12
+ variant: {
13
+ control: { type: 'radio' },
14
+ options: ['small', 'medium', 'large'],
15
+ },
15
16
  },
16
- }
17
- }
17
+ };
18
18
  export default meta;
19
19
 
20
20
  type Story = StoryObj<typeof meta>;
@@ -41,16 +41,36 @@ export const Large: Story = {
41
41
  };
42
42
 
43
43
  export const CustomAvatarSize: Story = {
44
- args: {
45
- customAvatarSize: 30,
46
- iconName: 'accordion_header_icon',
47
- },
48
- };
49
-
50
- export const CustomIconSize: Story = {
51
- args: {
52
- customIconSize: 30,
53
- customAvatarSize: 40,
54
- iconName: 'accordion_header_icon',
55
- },
56
- };
44
+ args: {
45
+ customAvatarSize: 30,
46
+ iconName: 'accordion_header_icon',
47
+ },
48
+ };
49
+
50
+ export const CustomIconSize: Story = {
51
+ args: {
52
+ customIconSize: 30,
53
+ customAvatarSize: 40,
54
+ iconName: 'accordion_header_icon',
55
+ },
56
+ };
57
+
58
+ export const WithLabel: Story = {
59
+ args: {
60
+ label: 'AB',
61
+ customAvatarSize: 40,
62
+ labelFontSize: '16px',
63
+ backgroundColor: '#E0E0E0',
64
+ iconColor: '#333',
65
+ },
66
+ };
67
+
68
+ export const LabelWithCustomSize: Story = {
69
+ args: {
70
+ label: 'XY',
71
+ customAvatarSize: 50,
72
+ labelFontSize: '20px',
73
+ backgroundColor: '#F5A623',
74
+ iconColor: '#FFF',
75
+ },
76
+ };
@@ -9,15 +9,31 @@ const Avatar: React.FC<AvatarProps> = ({
9
9
  iconColor= 'var(--avatar-icon-color)',
10
10
  customAvatarSize,
11
11
  customIconSize,
12
- backgroundColor
12
+ backgroundColor,
13
+ label,
14
+ labelFontSize,
13
15
  }) => {
14
-
16
+ const truncatedLabel = label?.slice(0, 2);
15
17
  return (
16
18
  <div
17
19
  className={`ff-avatar ff-avatar--${variant}`}
18
20
  style={{ height: `${customAvatarSize}px`, width: `${customAvatarSize}px`, backgroundColor }}
19
21
  >
20
- <Icon name={iconName} height={customIconSize} width={customIconSize} color={iconColor}/>
22
+ {label ? (
23
+ <span
24
+ className="ff-avatar-label"
25
+ style={{ fontSize: labelFontSize || '14px', color: iconColor }}
26
+ >
27
+ {truncatedLabel}
28
+ </span>
29
+ ) : (
30
+ <Icon
31
+ name={iconName!}
32
+ height={customIconSize}
33
+ width={customIconSize}
34
+ color={iconColor}
35
+ />
36
+ )}
21
37
  </div>
22
38
  );
23
39
  };
@@ -10,7 +10,7 @@ export interface AvatarProps {
10
10
  /**
11
11
  * This property specifies the name of the icon to be displayed within the avatar.
12
12
  */
13
- iconName: string;
13
+ iconName?: string;
14
14
  /**
15
15
  * This property allows you to customize the color of the icon within the avatar.
16
16
  */
@@ -24,4 +24,12 @@ export interface AvatarProps {
24
24
  * This property allows you to set a custom size for the icon within the avatar.
25
25
  */
26
26
  customIconSize?: number;
27
+ /**
28
+ * This property specifies the label to display inside the avatar, used as an alternative to the icon.
29
+ */
30
+ label?: string;
31
+ /**
32
+ * This property allows you to customize the font size of the label inside the avatar.
33
+ */
34
+ labelFontSize?: string;
27
35
  }
@@ -65,7 +65,6 @@
65
65
 
66
66
  .ff-file-details-wrapper {
67
67
  @include column-flex-gap(10px);
68
- width: 640px;
69
68
  max-height: 300px;
70
69
  overflow-y: auto;
71
70
  scroll-behavior: smooth;
@@ -222,6 +222,14 @@ import AddToArchive from '../../assets/icons/add_archive.svg?react';
222
222
  import DashboardIcon from '../../assets/icons/dashboard_icon.svg?react'; //TODO:this is temporary icon
223
223
  import InfoUser from '../../assets/icons/info_user.svg?react';
224
224
  import WebServiceIcon from '../../assets/icons/web_service_icon.svg?react';
225
+ import ProjectStatusIcon from '../../assets/icons/project_status_icon.svg?react';
226
+ import captureIcon from '../../assets/icons/capture_icon.svg?react';
227
+ import rotateIcon from '../../assets/icons/rotate_icon.svg?react';
228
+ import tapIcon from '../../assets/icons/tap_icon.svg?react';
229
+ import refreshIcon from '../../assets/icons/refresh_icon.svg?react';
230
+ import swipeIcon from '../../assets/icons/swipe_icon.svg?react';
231
+ import backward from '../../assets/icons/backward.svg?react';
232
+ import forward from '../../assets/icons/forward.svg?react';
225
233
 
226
234
  Components['success'] = ToastSuccessIcon;
227
235
  Components['alert'] = Alert;
@@ -442,5 +450,13 @@ Components['remove_user'] = RemoveUser;
442
450
  Components['dashboard_icon'] = DashboardIcon; //TODO:this is temporary icon
443
451
  Components['info_user'] = InfoUser;
444
452
  Components['web_service_icon'] = WebServiceIcon;
453
+ Components['project_status_icon'] = ProjectStatusIcon;
454
+ Components['capture_icon'] = captureIcon;
455
+ Components['backward'] = backward;
456
+ Components['forward'] = forward;
457
+ Components['refresh_icon'] = refreshIcon;
458
+ Components['rotate_icon'] = rotateIcon;
459
+ Components['tap_icon'] = tapIcon;
460
+ Components['swipe_icon'] = swipeIcon;
445
461
 
446
462
  export default Components;
@@ -9,32 +9,32 @@
9
9
  cursor: pointer;
10
10
  @include mixins.center-content();
11
11
  gap: 8px;
12
- background-color: var(--secondary-icon-color);
12
+ background-color: var(--hover-color);
13
13
  padding: 2px 8px 2px 2px;
14
- border: 1px solid transparent;
14
+ border: 1px solid var(--secondary-icon-color);
15
15
  .button-icon {
16
16
  width: 20px;
17
17
  height: 20px;
18
- border: 1px solid transparent;
18
+ border: 1px solid var(--primary-icon-color);
19
19
  border-radius: 50%;
20
20
  @include mixins.center-content();
21
- background-color: var(--hover-color);
21
+ background-color: var(--secondary-icon-color);
22
22
  .ff-icon-color {
23
23
  path {
24
- color: var(--secondary-icon-color);
24
+ color: var(--primary-icon-color);
25
25
  }
26
26
  }
27
27
  }
28
28
  .icon-name {
29
- color: var(--primary-icon-color);
29
+ color: var(--secondary-icon-color);
30
30
  @include mixins.center-content();
31
31
  }
32
32
  &:hover {
33
- border: 1px solid var(--secondary-icon-color);
34
- background-color: var(--hover-color);
33
+ border: 1px solid transparent;
34
+ background-color: var(--secondary-icon-color);
35
35
  .icon-name {
36
36
  font-weight: 600;
37
- color: var(--secondary-icon-color);
37
+ color: var(--primary-icon-color);
38
38
  @include mixins.center-content();
39
39
  }
40
40
  .button-icon {
@@ -43,10 +43,10 @@
43
43
  border: 1px solid transparent;
44
44
  border-radius: 50%;
45
45
  @include mixins.center-content();
46
- background-color: var(--secondary-icon-color);
46
+ background-color: var(--hover-color);
47
47
  .ff-icon-color {
48
48
  path {
49
- color: var(--primary-icon-color);
49
+ color: var(--secondary-icon-color);
50
50
  }
51
51
  }
52
52
  }
@@ -9,9 +9,10 @@ const IconButton: React.FC<IconButtonProps> = ({
9
9
  label,
10
10
  iconName = 'plus_user_icon',
11
11
  onClick,
12
+ ref,
12
13
  }) => {
13
14
  return (
14
- <button onClick={onClick} className={classNames('ff-plus-icon')}>
15
+ <button onClick={onClick} className={classNames('ff-plus-icon')} ref={ref}>
15
16
  <div className={classNames('button-icon')}>
16
17
  <Icon
17
18
  height={12}
@@ -2,4 +2,5 @@ export interface IconButtonProps {
2
2
  label: string;
3
3
  iconName: string;
4
4
  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
5
+ ref?: React.RefObject<HTMLButtonElement>;
5
6
  }
@@ -66,6 +66,10 @@
66
66
  cursor: not-allowed;
67
67
  color: var(--ff-select-border-color);
68
68
  }
69
+
70
+ &__readonly {
71
+ cursor: pointer;
72
+ }
69
73
  }
70
74
 
71
75
  .ff-select-arrows-wrapper {
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import Select from './Select';
3
- import { useState } from 'react';
3
+ import React,{ useState } from 'react';
4
4
  import { Option } from './types';
5
5
  import RadioGroup from '../RadioGroup';
6
6
 
@@ -171,6 +171,7 @@ const Select: FC<SelectProps> = ({
171
171
  id="select-input-element"
172
172
  className={classNames('ff-select-inputField', {
173
173
  'ff-select-inputField__disabled': disabled,
174
+ 'ff-select-inputField__readonly': disableInput,
174
175
  })}
175
176
  onFocus={handleFocus}
176
177
  value={searchedOption}
@@ -215,7 +216,7 @@ const Select: FC<SelectProps> = ({
215
216
  {errorMsg && (
216
217
  <Typography
217
218
  as="div"
218
- lineHeight="12px"
219
+ lineHeight="15px"
219
220
  fontSize={10}
220
221
  color="var(--error_light)"
221
222
  className="ff-select-error-msg"
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import { TableBodyProps } from '../types';
3
+ import TableRow from './TableRow';
4
+
5
+ const TableBody = React.memo(
6
+ ({
7
+ flattenedTreeData,
8
+ columnsData,
9
+ selected,
10
+ select,
11
+ onRowClick,
12
+ onToggleExpand,
13
+ onCheckBoxChange,
14
+ }: TableBodyProps) => (
15
+ <tbody>
16
+ {flattenedTreeData.map(({ node, level }) => {
17
+ return (
18
+ <TableRow
19
+ key={node.id}
20
+ node={node}
21
+ level={level}
22
+ columnsData={columnsData}
23
+ selected={selected}
24
+ select={select}
25
+ onRowClick={onRowClick}
26
+ onToggleExpand={onToggleExpand}
27
+ onCheckBoxChange={onCheckBoxChange}
28
+ />
29
+ );
30
+ })}
31
+ </tbody>
32
+ )
33
+ );
34
+
35
+ export default TableBody;
@@ -0,0 +1,59 @@
1
+ import { prepareData } from '../../../utils/TableCell/TableCell';
2
+ import Checkbox from '../../Checkbox';
3
+ import RadioButton from '../../RadioButton';
4
+ import { TableCellProps } from '../types';
5
+ import Arrow from '../../../assets/icons/arrows_down_icon.svg?react';
6
+ import React from 'react';
7
+
8
+ const renderSpaces = (level: number) =>
9
+ Array.from({ length: level }).map((_, i) => (
10
+ <span key={i} className="tree-table-space-block" />
11
+ ));
12
+
13
+ const TableCell = React.memo(
14
+ ({
15
+ col,
16
+ node,
17
+ level,
18
+ selected,
19
+ select,
20
+ onCheckBoxChange,
21
+ onToggleExpand,
22
+ }: TableCellProps) => (
23
+ <td>
24
+ {col.isTree && renderSpaces(level + 1)}
25
+ {col.isTree && (
26
+ <span
27
+ className={`tree-table-space-block last-block ${
28
+ node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'
29
+ } ${node.folder ? '' : 'no-folder'}`}
30
+ onClick={() => onToggleExpand(node)}
31
+ >
32
+ {node.folder && <Arrow />}
33
+ </span>
34
+ )}
35
+ <span className="tree-table-td-content">
36
+ {col.isTree && select === 'checkbox' && (
37
+ <Checkbox
38
+ checked={selected.includes(node.id)}
39
+ onChange={() => onCheckBoxChange('checkbox', node)}
40
+ />
41
+ )}
42
+ {col.isTree && select === 'radio' && (
43
+ <RadioButton
44
+ name={node.title}
45
+ checked={selected.includes(node.id)}
46
+ value={node.id}
47
+ onChange={() => onCheckBoxChange('radio', node)}
48
+ />
49
+ )}
50
+ {prepareData(node, col)}
51
+ </span>
52
+ {col.actions && (
53
+ <div className="table-tree-row-action">{col.actions(node)}</div>
54
+ )}
55
+ </td>
56
+ )
57
+ );
58
+
59
+ export default TableCell;