pixel-react 1.1.9 → 1.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/lib/components/AppHeader/types.d.ts +7 -7
  2. package/lib/components/Drawer/Drawer.stories.d.ts +2 -0
  3. package/lib/components/Drawer/Types.d.ts +11 -0
  4. package/lib/components/Icon/Icon.stories.d.ts +1 -0
  5. package/lib/components/Icon/types.d.ts +1 -0
  6. package/lib/components/InputWithDropdown/types.d.ts +1 -1
  7. package/lib/components/LabelEditTextField/LabelEditTextField.d.ts +5 -0
  8. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
  9. package/lib/components/LabelEditTextField/index.d.ts +1 -0
  10. package/lib/components/LabelEditTextField/types.d.ts +38 -0
  11. package/lib/components/Select/Select.d.ts +1 -1
  12. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +1 -1
  13. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +2 -0
  14. package/lib/components/Select/types.d.ts +11 -4
  15. package/lib/components/Table/Table.d.ts +1 -1
  16. package/lib/components/Table/Table.stories.d.ts +2 -0
  17. package/lib/components/Table/Types.d.ts +16 -0
  18. package/lib/index.d.ts +92 -16
  19. package/lib/index.esm.js +399 -152
  20. package/lib/index.esm.js.map +1 -1
  21. package/lib/index.js +399 -151
  22. package/lib/index.js.map +1 -1
  23. package/lib/tsconfig.tsbuildinfo +1 -1
  24. package/lib/utils/getSelectOptionValue/getSelectOptionValue.d.ts +8 -0
  25. package/package.json +1 -1
  26. package/src/assets/Themes/BaseTheme.scss +10 -0
  27. package/src/assets/Themes/DarkTheme.scss +19 -7
  28. package/src/assets/icons/eye_closed.svg +3 -0
  29. package/src/components/AppHeader/AppHeader.scss +14 -3
  30. package/src/components/AppHeader/AppHeader.stories.tsx +28 -28
  31. package/src/components/AppHeader/AppHeader.tsx +11 -11
  32. package/src/components/AppHeader/types.ts +7 -7
  33. package/src/components/Button/Button.scss +1 -0
  34. package/src/components/Checkbox/Checkbox.tsx +1 -1
  35. package/src/components/Drawer/Drawer.scss +13 -10
  36. package/src/components/Drawer/Drawer.stories.tsx +28 -0
  37. package/src/components/Drawer/Drawer.tsx +30 -7
  38. package/src/components/Drawer/Types.ts +11 -0
  39. package/src/components/Icon/Icon.stories.tsx +27 -0
  40. package/src/components/Icon/Icon.tsx +5 -1
  41. package/src/components/Icon/Icons.scss +14 -2
  42. package/src/components/Icon/iconList.ts +2 -0
  43. package/src/components/Icon/types.ts +1 -0
  44. package/src/components/InputWithDropdown/types.ts +1 -1
  45. package/src/components/LabelEditTextField/LabelEditTextField.scss +85 -0
  46. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +136 -0
  47. package/src/components/LabelEditTextField/LabelEditTextField.tsx +207 -0
  48. package/src/components/LabelEditTextField/index.ts +1 -0
  49. package/src/components/LabelEditTextField/types.ts +38 -0
  50. package/src/components/Modal/Modal.tsx +8 -1
  51. package/src/components/Modal/modal.scss +10 -2
  52. package/src/components/Select/Select.stories.tsx +5 -3
  53. package/src/components/Select/Select.tsx +13 -5
  54. package/src/components/Select/components/Dropdown/Dropdown.tsx +3 -1
  55. package/src/components/Select/components/Dropdown/dropdownTypes.ts +3 -0
  56. package/src/components/Select/types.ts +12 -5
  57. package/src/components/Table/Table.scss +16 -4
  58. package/src/components/Table/Table.stories.tsx +36 -12
  59. package/src/components/Table/Table.tsx +33 -16
  60. package/src/components/Table/Types.ts +121 -105
  61. package/src/index.ts +2 -0
  62. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -0
@@ -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/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/excelfile/changeexcelstyles.tsx","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/importexcelstyles.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/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.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/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/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/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/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/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/excelfile/changeexcelstyles.tsx","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/importexcelstyles.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/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.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/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/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/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,8 @@
1
+ type DynamicValues = any;
2
+ interface dynamicObject {
3
+ [key: string]: DynamicValues;
4
+ }
5
+ type accessorType = string | undefined;
6
+ export declare const getLabel: (option: dynamicObject, accessor?: accessorType) => any;
7
+ export declare const getValue: (option: dynamicObject, accessor?: accessorType) => any;
8
+ export {};
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.1.9",
4
+ "version": "1.2.1",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -185,6 +185,8 @@ $base-theme: (
185
185
  in-active-button-color: #808080,
186
186
  button-background-gradient-color: #9c1ebb,
187
187
  details-page-value-color: #808080,
188
+ table-header-text-color: #252c37,
189
+ table-column-text-color: #200624,
188
190
  // TODO:: Need to change the color code values of below 7 color (N/A in DS)
189
191
  ff-machine-input-field-border-color: #f1ebf2,
190
192
  ff-machine-input-field-text-color: #1e161f,
@@ -198,7 +200,15 @@ $base-theme: (
198
200
  linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
199
201
  ff-delete-button-attachment: #a91224,
200
202
  email-table-border-color: #959595,
203
+
204
+ label-edit-text-label-color: #71347b,
205
+ label-edit-text-background-color: #ffffff,
206
+ label-edit-error-text: #e42525,
207
+ label-edit-confirm-icon: #0dad66,
208
+ label-edit-cancel-icon: #e42525,
209
+ delete-icon-color: #e42525,
201
210
  ff-icon-hover-fill-color: #f7ebff,
211
+ ff-icon-color-dark-variant: #ffffff,
202
212
  );
203
213
  :root {
204
214
  @each $key, $value in $base-theme {
@@ -189,16 +189,28 @@ $dark-theme: (
189
189
  modal-header-text-color: #ffc600,
190
190
  switch-license-text-color: #61296a,
191
191
  switch-license-header-text-color: #610b86,
192
- dotted-border-color:#000000,
193
- select-license-header-text-color:#5F2868,
194
- in-active-button-color:#808080,
195
- button-background-gradient-color:#9C1EBB,
196
- ff-app-header-menu-border-bottom-color:#FFFFFF,
197
- ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592F7C 0%, #741EBB 100%),
192
+ dotted-border-color: #000000,
193
+ select-license-header-text-color: #5f2868,
194
+ in-active-button-color: #808080,
195
+ button-background-gradient-color: #9c1ebb,
198
196
  details-page-value-color: #808080,
197
+
198
+ label-edit-text-label-color: #71347b,
199
+ label-edit-text-background-color: #ffffff,
200
+ label-edit-error-text: #e42525,
201
+ label-edit-confirm-icon: #0dad66,
202
+ label-edit-cancel-icon: #e42525,
203
+ delete-icon-color: #e42525,
204
+
205
+ ff-app-header-menu-border-bottom-color: #ffffff,
206
+ ff-app-header-submenu-border-bottom-color:
207
+ linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
208
+ table-header-text-color: #252c37,
209
+ table-column-text-color: #200624,
199
210
  ff-delete-button-attachment: #a91224,
200
211
  email-table-border-color: #959595,
201
- ff-icon-hover-fill-color:#F7ECF8,
212
+ ff-icon-hover-fill-color: #f7ecf8,
213
+ ff-icon-color-dark-variant: #ffffff,
202
214
  );
203
215
  :root {
204
216
  @each $key, $value in $dark-theme {
@@ -0,0 +1,3 @@
1
+ <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7651 6.07607C14.9992 6.22242 15.0704 6.5309 14.9241 6.76507C14.485 7.46755 13.9633 8.10658 13.3703 8.66318L14.5713 9.8642C14.7666 10.0595 14.7666 10.376 14.5713 10.5713C14.376 10.7666 14.0595 10.7666 13.8642 10.5713L12.6012 9.30831C11.8051 9.90297 10.909 10.3622 9.93383 10.6512L10.383 12.3278C10.4545 12.5946 10.2962 12.8687 10.0295 12.9402C9.76275 13.0116 9.48858 12.8534 9.41712 12.5866L8.95924 10.8777C8.4875 10.9581 8.00042 11.0001 7.50007 11.0001C6.9997 11.0001 6.51262 10.9581 6.04087 10.8777L5.58303 12.5866C5.51157 12.8533 5.23741 13.0116 4.97068 12.9402C4.70394 12.8687 4.54564 12.5946 4.6171 12.3278L5.06629 10.6512C4.09115 10.3622 3.19506 9.90296 2.39892 9.30829L1.13591 10.5713C0.940646 10.7666 0.624063 10.7666 0.428801 10.5713C0.233539 10.376 0.233539 10.0595 0.428801 9.86419L1.62984 8.66316C1.03683 8.10656 0.515117 7.46754 0.0760684 6.76507C-0.0702873 6.5309 0.000898553 6.22242 0.235066 6.07607C0.469234 5.92971 0.77771 6.0009 0.924065 6.23507C1.40355 7.00224 1.98901 7.68069 2.66235 8.24283C2.67317 8.25109 2.68373 8.25985 2.69399 8.26911C4.009 9.35541 5.65541 10.0001 7.50007 10.0001C10.3079 10.0001 12.6565 8.50643 14.0761 6.23507C14.2224 6.0009 14.5309 5.92971 14.7651 6.07607Z" fill="currentColor"/>
3
+ </svg>
@@ -8,7 +8,7 @@
8
8
  .ff-app-header-left-container {
9
9
  display: flex;
10
10
  .ff-app-header-logo-icon {
11
- padding: 8px;
11
+ padding: 4px;
12
12
  height: 24px;
13
13
  }
14
14
  }
@@ -43,16 +43,26 @@
43
43
  border-radius: 4px;
44
44
  transition: width 0.15s ease-in-out;
45
45
  }
46
-
46
+ .ff-app-header-nav-bar-item-label{
47
+ white-space: nowrap;
48
+ }
47
49
  &--selected {
48
- padding: 3px 6px 3px 3px;
50
+ padding: 3px;
49
51
  background-color: var(--primary-icon-color);
50
52
  border-radius: 20px;
51
53
  .ff-app-header-nav-bar-item-label {
52
54
  background-color: var(--brand-color);
53
55
  border-radius: 20px;
54
56
  padding: 4px 8px;
57
+
58
+ }
59
+ :last-child{
60
+ margin-right: 3px;
61
+ }
62
+ :first-child {
63
+ margin: 0;
55
64
  }
65
+
56
66
  }
57
67
  .ff-app-header-submenu-container {
58
68
  display: flex;
@@ -60,6 +70,7 @@
60
70
  color: var(--ff-header-submenu-text-color);
61
71
  align-content: center;
62
72
  position: relative;
73
+ white-space: nowrap;
63
74
  &:not(.ff-app-header-nav-bar-submenu-item--selected):hover::after {
64
75
  animation: oscillate-border-width 0.5s ease-in-out forwards;
65
76
  }
@@ -28,79 +28,79 @@ const defaultArgs = {
28
28
  };
29
29
 
30
30
  const headerMenuItems = [
31
- { menuLabel: 'Dashboard', menuName: 'Dashboard', subMenuItems: [] },
31
+ { label: 'Dashboard', path: 'Dashboard', subMenuItems: [] },
32
32
  {
33
- menuLabel: 'Repo',
34
- menuName: 'Repo',
33
+ label: 'Repo',
34
+ path: 'Repo',
35
35
  subMenuItems: [
36
36
  {
37
- subMenuLabel: 'Elements',
38
- subMenuName: 'Elements',
37
+ label: 'Elements',
38
+ path: 'Elements',
39
39
  quickMenuItems: [],
40
40
  },
41
41
  {
42
- subMenuLabel: 'Program Elements',
43
- subMenuName: 'Program Elements',
42
+ label: 'Program Elements',
43
+ path: 'Program Elements',
44
44
  quickMenuItems: [],
45
45
  },
46
46
  {
47
- subMenuLabel: 'Step Groups',
48
- subMenuName: 'Step Groups',
47
+ label: 'Step Groups',
48
+ path: 'Step Groups',
49
49
  quickMenuItems: [
50
50
  {
51
51
  quickMenuName: 'Success Icon',
52
- quickMenuIconName: 'success',
52
+ iconName: 'success',
53
53
  },
54
54
  {
55
55
  quickMenuName: 'Warning Icon',
56
- quickMenuIconName: 'warning',
56
+ iconName: 'warning',
57
57
  },
58
58
  {
59
59
  quickMenuName: 'Info Icon',
60
- quickMenuIconName: 'info',
60
+ iconName: 'info',
61
61
  },
62
62
  ],
63
63
  },
64
64
  ],
65
65
  },
66
66
  {
67
- menuLabel: 'Test Data',
68
- menuName: 'Test Data',
67
+ label: 'Test Data',
68
+ path: 'Test Data',
69
69
  subMenuItems: [],
70
70
  },
71
71
  {
72
- menuLabel: 'Test Dev',
73
- menuName: 'Test Dev',
72
+ label: 'Test Dev',
73
+ path: 'Test Dev',
74
74
  subMenuItems: [
75
75
  {
76
- subMenuLabel: 'Scripts',
77
- subMenuName: 'Scripts',
76
+ label: 'Scripts',
77
+ path: 'Scripts',
78
78
  quickMenuItems: [
79
79
  {
80
80
  quickMenuName: 'Delete Icon',
81
- quickMenuIconName: 'delete',
81
+ iconName: 'delete',
82
82
  },
83
83
  {
84
84
  quickMenuName: 'Details Icon',
85
- quickMenuIconName: 'details',
85
+ iconName: 'details',
86
86
  },
87
87
  {
88
88
  quickMenuName: 'Sun Icon',
89
- quickMenuIconName: 'sun_icon',
89
+ iconName: 'sun_icon',
90
90
  },
91
91
  {
92
92
  quickMenuName: 'Moon Stars Icon',
93
- quickMenuIconName: 'moon_stars_icon',
93
+ iconName: 'moon_stars_icon',
94
94
  },
95
95
  {
96
96
  quickMenuName: 'Impact List Icon',
97
- quickMenuIconName: 'impactList',
97
+ iconName: 'impactList',
98
98
  },
99
99
  ],
100
100
  },
101
101
  {
102
- subMenuLabel: 'Executions',
103
- subMenuName: 'Executions',
102
+ label: 'Executions',
103
+ path: 'Executions',
104
104
  quickMenuItems: [],
105
105
  },
106
106
  ],
@@ -132,13 +132,13 @@ export const Controlled: Story = {
132
132
  const [selectedSubMenuItem, setSelectedSubMenuItem] = useState('');
133
133
  const [selectedQuickMenuItem, setSelectedQuickMenuItem] = useState('');
134
134
  const handleMenuClick = (item: appHeaderMenuItemProps) => {
135
- setSelectedMenuItem(item.menuLabel);
135
+ setSelectedMenuItem(item.label);
136
136
  };
137
137
  const handleSubMenuClick = (item: appHeaderSubMenuItemProps) => {
138
- setSelectedSubMenuItem(item.subMenuLabel);
138
+ setSelectedSubMenuItem(item.label);
139
139
  };
140
140
  const handleQuickMenuClick = (item: appHeaderQuickMenuItemProps) => {
141
- setSelectedQuickMenuItem(item.quickMenuIconName);
141
+ setSelectedQuickMenuItem(item.iconName);
142
142
  };
143
143
 
144
144
  return (
@@ -40,9 +40,9 @@ const AppHeader: React.FC<AppHeaderProps> = ({
40
40
  <div
41
41
  className={classNames('ff-app-header-nav-bar-item', {
42
42
  ['ff-app-header-nav-bar-item--selected']:
43
- menuItem.menuLabel === selectedMenu,
43
+ menuItem.label === selectedMenu,
44
44
  })}
45
- key={menuItem.menuLabel}
45
+ key={menuItem.label}
46
46
  onClick={() => onMenuClick(menuItem)}
47
47
  >
48
48
  <Typography
@@ -50,14 +50,14 @@ const AppHeader: React.FC<AppHeaderProps> = ({
50
50
  className="ff-app-header-nav-bar-item-label"
51
51
  lineHeight="18px"
52
52
  >
53
- {menuItem.menuLabel}
53
+ {menuItem.label}
54
54
  </Typography>
55
- {menuItem.menuLabel === selectedMenu &&
55
+ {menuItem.label === selectedMenu &&
56
56
  menuItem?.subMenuItems &&
57
57
  menuItem.subMenuItems.map((subMenuItem) => {
58
58
  return (
59
59
  <div
60
- key={subMenuItem.subMenuLabel}
60
+ key={subMenuItem.label}
61
61
  onClick={() => onSubMenuClick(subMenuItem)}
62
62
  className="ff-app-header-submenu-container"
63
63
  >
@@ -67,14 +67,14 @@ const AppHeader: React.FC<AppHeaderProps> = ({
67
67
  'ff-app-header-nav-bar-submenu-item',
68
68
  {
69
69
  ['ff-app-header-nav-bar-submenu-item--selected']:
70
- subMenuItem.subMenuLabel === selectedSubMenu,
70
+ subMenuItem.label === selectedSubMenu,
71
71
  }
72
72
  )}
73
73
  lineHeight="18px"
74
74
  >
75
- {subMenuItem.subMenuLabel}
75
+ {subMenuItem.label}
76
76
  </Typography>
77
- {subMenuItem.subMenuLabel === selectedSubMenu &&
77
+ {subMenuItem.label === selectedSubMenu &&
78
78
  subMenuItem?.quickMenuItems && (
79
79
  <div className="ff-app-header-quickmenu-container">
80
80
  <div>
@@ -85,7 +85,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({
85
85
  return (
86
86
  <>
87
87
  <div
88
- key={quickMenuItem.quickMenuIconName}
88
+ key={quickMenuItem.iconName}
89
89
  onClick={() =>
90
90
  onQuickMenuClick(quickMenuItem)
91
91
  }
@@ -93,14 +93,14 @@ const AppHeader: React.FC<AppHeaderProps> = ({
93
93
  'ff-app-header-nav-bar-quickmenu-item',
94
94
  {
95
95
  ['ff-app-header-nav-bar-quickmenu-item--selected']:
96
- quickMenuItem.quickMenuName ===
96
+ quickMenuItem.path ===
97
97
  selectedQuickMenu,
98
98
  }
99
99
  )}
100
100
  >
101
101
  <Icon
102
102
  name={
103
- quickMenuItem.quickMenuIconName
103
+ quickMenuItem.iconName
104
104
  }
105
105
  height={24}
106
106
  width={24}
@@ -15,17 +15,17 @@ export interface AppHeaderProps {
15
15
  onQuickMenuClick?: (text: any) => void;
16
16
  }
17
17
  export interface appHeaderMenuItemProps {
18
- menuLabel: string;
19
- menuName?: string;
18
+ label: string;
19
+ path?: string;
20
20
  subMenuItems?: appHeaderSubMenuItemProps[];
21
21
  }
22
22
  export interface appHeaderSubMenuItemProps {
23
- subMenuLabel: string;
24
- subMenuName?: string;
23
+ label: string;
24
+ path?: string;
25
25
  quickMenuItems?: appHeaderQuickMenuItemProps[];
26
26
  }
27
27
  export interface appHeaderQuickMenuItemProps {
28
- quickMenuLabel?: string;
29
- quickMenuName?: string;
30
- quickMenuIconName: string;
28
+ label?: string;
29
+ path?: string;
30
+ iconName: string;
31
31
  }
@@ -125,6 +125,7 @@
125
125
  @extend .fontXs;
126
126
  font-weight: 500;
127
127
  padding: 4.5px 8px;
128
+ line-height: 15px;
128
129
  }
129
130
 
130
131
  &--medium {
@@ -53,7 +53,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
53
53
  />
54
54
  )}
55
55
  </span>
56
- <Typography as="label">{label}</Typography>
56
+ <Typography as="span">{label}</Typography>
57
57
  </label>
58
58
  );
59
59
  };
@@ -12,6 +12,7 @@
12
12
  position: fixed;
13
13
  right: 0;
14
14
  bottom: 0;
15
+ top: 80px;
15
16
  min-width: 450px;
16
17
  background-color: var(--primary-button-text-color);
17
18
  z-index: 999;
@@ -60,7 +61,6 @@
60
61
  .ff-close-icon {
61
62
  height: 16px;
62
63
  width: 16px;
63
- background-color: var(--button-bg-color);
64
64
  border-radius: 4px;
65
65
  display: flex;
66
66
  align-items: center;
@@ -94,23 +94,21 @@
94
94
  justify-content: center;
95
95
  border-radius: 8px;
96
96
  }
97
+ .ff-custom-header {
98
+ background-color: var(--drawer-footer-bg);
99
+ padding: 4px 8px;
100
+ }
97
101
  }
98
102
  }
99
103
  }
100
104
 
101
105
  .ff-drawer-body {
102
106
  background-color: var(--drawer-footer-bg);
103
- height: calc(100vh - 76px);
104
- overflow: hidden auto;
105
- }
106
-
107
- .no-footer {
108
- height: 100vh;
107
+ overflow-y: auto;
109
108
  }
110
109
 
111
110
  .ff-drawer-footer {
112
- height: 24px;
113
- position: absolute;
111
+ position: fixed;
114
112
  bottom: 0;
115
113
  left: 0;
116
114
  right: 0;
@@ -118,11 +116,16 @@
118
116
  display: flex;
119
117
  justify-content: space-between;
120
118
  border-top: 1px solid var(--drawer-footer-border);
119
+ z-index: 1000;
121
120
 
122
121
  .button-container {
123
122
  display: flex;
124
123
  justify-content: flex-end;
125
- gap: 10px;
124
+ gap: 8px;
125
+ }
126
+ .ff-custom-footer {
127
+ background-color: var(--drawer-footer-bg);
128
+ padding: 4px 8px;
126
129
  }
127
130
  }
128
131
  }
@@ -98,6 +98,34 @@ export const WithCustomFooter: Story = {
98
98
  docs: { disable: true },
99
99
  },
100
100
  };
101
+ export const WithTertiaryButtons: Story = {
102
+ args: {
103
+ ...defaultArgs,
104
+ tertiaryButtonProps: {
105
+ left: {
106
+ label: 'Help',
107
+ onClick: () => {},
108
+ },
109
+ right: {
110
+ label: 'More Info',
111
+ onClick: () => {},
112
+ },
113
+ },
114
+ },
115
+ parameters: {
116
+ docs: { disable: true },
117
+ },
118
+ };
119
+
120
+ export const WithCustomZIndex: Story = {
121
+ args: {
122
+ ...defaultArgs,
123
+ zIndex: 1050,
124
+ },
125
+ parameters: {
126
+ docs: { disable: true },
127
+ },
128
+ };
101
129
 
102
130
  export const Controlled: Story = {
103
131
  render: () => {