pixel-react 1.6.3 → 1.6.5

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 (163) hide show
  1. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  2. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  3. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  4. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  5. package/lib/components/AttachImage/AttachImage.d.ts +1 -6
  6. package/lib/components/AttachImage/types.d.ts +8 -0
  7. package/lib/components/CreateVariable/CreateVariableSlider.d.ts +5 -0
  8. package/lib/components/CreateVariable/index.d.ts +1 -0
  9. package/lib/components/CreateVariable/types.d.ts +56 -0
  10. package/lib/components/Drawer/Types.d.ts +13 -0
  11. package/lib/components/MiniModal/types.d.ts +7 -0
  12. package/lib/components/Select/components/types.d.ts +1 -0
  13. package/lib/components/Select/types.d.ts +2 -0
  14. package/lib/components/TableTree/TableTree copy.d.ts +25 -0
  15. package/lib/components/TableTree/types.d.ts +1 -1
  16. package/lib/index.d.ts +103 -2
  17. package/lib/index.esm.js +549 -308
  18. package/lib/index.esm.js.map +1 -1
  19. package/lib/index.js +549 -307
  20. package/lib/index.js.map +1 -1
  21. package/lib/tsconfig.tsbuildinfo +1 -1
  22. package/package.json +1 -1
  23. package/src/assets/icons/download_file_icon.svg +2 -9
  24. package/src/components/AttachImage/AttachImage.stories.tsx +2 -0
  25. package/src/components/AttachImage/AttachImage.tsx +5 -9
  26. package/src/components/AttachImage/types.ts +25 -18
  27. package/src/components/Charts/DonutChart/DonutChart.tsx +8 -3
  28. package/src/components/Charts/RadialChart/RadialChart.scss +4 -0
  29. package/src/components/Charts/RadialChart/RadialChart.tsx +51 -45
  30. package/src/components/CreateVariable/CreateVariableSlider.scss +18 -0
  31. package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -0
  32. package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -0
  33. package/src/components/CreateVariable/index.ts +1 -0
  34. package/src/components/CreateVariable/types.ts +58 -0
  35. package/src/components/Drawer/Drawer.scss +1 -1
  36. package/src/components/Drawer/Drawer.stories.tsx +0 -1
  37. package/src/components/Drawer/Drawer.tsx +4 -1
  38. package/src/components/Drawer/Types.ts +13 -0
  39. package/src/components/MiniModal/MiniModal.scss +0 -4
  40. package/src/components/MiniModal/MiniModal.stories.tsx +3 -2
  41. package/src/components/MiniModal/MiniModal.tsx +28 -10
  42. package/src/components/MiniModal/types.ts +7 -0
  43. package/src/components/Select/Select.scss +16 -0
  44. package/src/components/Select/Select.stories.tsx +49 -0
  45. package/src/components/Select/Select.tsx +33 -7
  46. package/src/components/Select/components/Dropdown.scss +9 -0
  47. package/src/components/Select/components/Dropdown.tsx +20 -6
  48. package/src/components/Select/components/types.ts +1 -0
  49. package/src/components/Select/types.ts +12 -2
  50. package/src/components/TableTree/TableTree.tsx +10 -4
  51. package/src/components/TableTree/types.ts +1 -1
  52. package/src/index.ts +2 -0
  53. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  54. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  55. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  56. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  57. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
  58. package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
  59. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
  60. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  61. package/lib/components/Button/Button.stories.d.ts +0 -13
  62. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
  63. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  64. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
  65. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  66. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  67. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  68. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  69. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  70. package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
  71. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +0 -8
  72. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
  73. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
  74. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
  75. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
  76. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
  77. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
  78. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
  79. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
  80. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
  81. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
  82. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
  83. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
  84. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
  85. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
  86. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
  87. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
  88. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
  89. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
  90. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
  91. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
  92. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
  93. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
  94. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
  95. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
  96. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
  97. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
  98. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
  99. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  100. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
  101. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
  102. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
  103. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
  104. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
  105. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
  106. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
  107. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
  108. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
  109. package/lib/components/ExcelFile/Types.d.ts +0 -129
  110. package/lib/components/ExcelFile/index.d.ts +0 -1
  111. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  112. package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
  113. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  114. package/lib/components/Form/Form.stories.d.ts +0 -7
  115. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  116. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  117. package/lib/components/Icon/Icon.stories.d.ts +0 -8
  118. package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
  119. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
  120. package/lib/components/Input/Input.stories.d.ts +0 -9
  121. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  122. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -11
  123. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  124. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
  125. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
  126. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
  127. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  128. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
  129. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -10
  130. package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
  131. package/lib/components/Paper/Paper.stories.d.ts +0 -11
  132. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  133. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
  134. package/lib/components/Search/Search.stories.d.ts +0 -6
  135. package/lib/components/Select/Select.stories.d.ts +0 -13
  136. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  137. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
  138. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
  139. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  140. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  141. package/lib/components/Table/Table.stories.d.ts +0 -13
  142. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  143. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  144. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  145. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  146. package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
  147. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  148. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  149. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  150. package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
  151. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  152. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  153. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  154. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  155. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  156. package/lib/utils/find/findAndInsert.d.ts +0 -7
  157. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  158. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
  159. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
  160. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  161. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  162. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
  163. /package/lib/components/{ExcelFile → Excel}/ContextMenu/ContextMenu.d.ts +0 -0
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/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"}
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/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/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.7.2"}
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.3",
4
+ "version": "1.6.5",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -1,10 +1,3 @@
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_1306_9986)">
3
- <path d="M11.1796 5.30667L9.786 3.85417C9.2568 3.30333 8.5536 3 7.806 3H6C4.8972 3 4 3.93458 4 5.08333V10.9167C4 12.0654 4.8972 13 6 13H10C11.1028 13 12 12.0654 12 10.9167V7.36875C12 6.58917 11.7084 5.8575 11.1796 5.30667ZM10.614 5.89625C10.7412 6.02833 10.8488 6.17542 10.936 6.33375H9.1996C8.9788 6.33375 8.7996 6.14667 8.7996 5.91708V4.10792C8.9516 4.19875 9.0928 4.31083 9.22 4.44333L10.6136 5.89583L10.614 5.89625ZM11.2 10.9171C11.2 11.6062 10.6616 12.1671 10 12.1671H6C5.3384 12.1671 4.8 11.6062 4.8 10.9171V5.08333C4.8 4.39417 5.3384 3.83333 6 3.83333H7.806C7.8712 3.83333 7.936 3.83667 8 3.84292V5.91667C8 6.60583 8.5384 7.16667 9.2 7.16667H11.1908C11.1968 7.23333 11.2 7.30083 11.2 7.36875V10.9171ZM9.4828 9.71083C9.6392 9.87333 9.6392 10.1371 9.4828 10.3L8.8376 10.9725C8.6068 11.2129 8.3032 11.3333 8 11.3333C7.6968 11.3333 7.3932 11.2129 7.1624 10.9725L6.5172 10.3C6.3608 10.1371 6.3608 9.87333 6.5172 9.71083C6.6736 9.54792 6.9264 9.54792 7.0828 9.71083L7.6 10.2496V8.41708C7.6 8.18708 7.7788 8.00042 8 8.00042C8.2212 8.00042 8.4 8.18708 8.4 8.41708V10.2496L8.9172 9.71083C9.0736 9.54792 9.3264 9.54792 9.4828 9.71083Z" fill="currentColor"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0_1306_9986">
7
- <path d="M0 4C0 1.79086 1.79086 0 4 0H12C14.2091 0 16 1.79086 16 4V12C16 14.2091 14.2091 16 12 16H4C1.79086 16 0 14.2091 0 12V4Z" fill="white"/>
8
- </clipPath>
9
- </defs>
1
+ <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.0873 3.69067L9.85758 1.36667C9.01086 0.485333 7.88574 0 6.68958 0H3.79998C2.0355 0 0.599976 1.49533 0.599976 3.33333V12.6667C0.599976 14.5047 2.0355 16 3.79998 16H10.2C11.9645 16 13.4 14.5047 13.4 12.6667V6.99C13.4 5.74267 12.9334 4.572 12.0873 3.69067ZM11.1824 4.634C11.3859 4.84533 11.5581 5.08067 11.6976 5.334H8.91934C8.56606 5.334 8.27934 5.03467 8.27934 4.66733V1.77267C8.52254 1.918 8.74846 2.09733 8.95198 2.30933L11.1817 4.63333L11.1824 4.634ZM12.12 12.6673C12.12 13.77 11.2585 14.6673 10.2 14.6673H3.79998C2.74142 14.6673 1.87998 13.77 1.87998 12.6673V3.33333C1.87998 2.23067 2.74142 1.33333 3.79998 1.33333H6.68958C6.7939 1.33333 6.89758 1.33867 6.99998 1.34867V4.66667C6.99998 5.76933 7.86142 6.66667 8.91998 6.66667H12.1053C12.1149 6.77333 12.12 6.88133 12.12 6.99V12.6673ZM9.37246 10.7373C9.62269 10.9973 9.62269 11.4193 9.37246 11.68L8.34014 12.756C7.97086 13.1407 7.4851 13.3333 6.99998 13.3333C6.51486 13.3333 6.0291 13.1407 5.65982 12.756L4.6275 11.68C4.37726 11.4193 4.37726 10.9973 4.6275 10.7373C4.87774 10.4767 5.28222 10.4767 5.53246 10.7373L6.35998 11.5993V8.66733C6.35998 8.29933 6.64606 8.00067 6.99998 8.00067C7.3539 8.00067 7.63998 8.29933 7.63998 8.66733V11.5993L8.4675 10.7373C8.71774 10.4767 9.12222 10.4767 9.37246 10.7373Z" fill="#71347B"/>
10
3
  </svg>
@@ -18,5 +18,7 @@ export const Default: Story = {
18
18
  onExpandClick: () => alert('Expand clicked'),
19
19
  onDeleteClick: () => alert('Delete clicked'),
20
20
  onDownloadClick: () => alert('Download clicked'),
21
+ height: '80px',
22
+ width: '80px',
21
23
  },
22
24
  };
@@ -2,23 +2,19 @@ import React from 'react';
2
2
  import './AttachImage.scss';
3
3
  import Icon from '../Icon/Icon';
4
4
  import Tooltip from '../Tooltip';
5
-
6
- export interface AttachImageProps {
7
- imageSrc: string;
8
- onExpandClick: () => void;
9
- onDeleteClick: () => void;
10
- onDownloadClick: () => void;
11
- }
5
+ import { AttachImageProps } from './types';
12
6
 
13
7
  const AttachImage: React.FC<AttachImageProps> = ({
14
8
  imageSrc,
15
9
  onExpandClick,
16
10
  onDeleteClick,
17
11
  onDownloadClick,
12
+ height = '75px',
13
+ width = '79px',
18
14
  }) => {
19
15
  return (
20
- <div className="ff-attach-image-container">
21
- <div className="ff-image-wrapper">
16
+ <div className="ff-attach-image-container" style={{ height, width }}>
17
+ <div className="ff-image-wrapper" style={{ height, width }}>
22
18
  <img src={imageSrc} alt="Attached" />
23
19
  <div className="ff-hover-icons">
24
20
  <div className="ff-top-icons">
@@ -1,19 +1,26 @@
1
1
  export interface AttachImageProps {
2
- /**
3
- * The image source to display.
4
- */
5
- imageSrc: string;
6
- /**
7
- * Function triggered when the expand icon is clicked.
8
- */
9
- onExpandClick: () => void;
10
- /**
11
- * Function triggered when the delete icon is clicked.
12
- */
13
- onDeleteClick: () => void;
14
- /**
15
- * Function triggered when the download icon is clicked.
16
- */
17
- onDownloadClick: () => void;
18
- }
19
-
2
+ /**
3
+ * The image source to display.
4
+ */
5
+ imageSrc: string;
6
+ /**
7
+ * Function triggered when the expand icon is clicked.
8
+ */
9
+ onExpandClick: () => void;
10
+ /**
11
+ * Function triggered when the delete icon is clicked.
12
+ */
13
+ onDeleteClick: () => void;
14
+ /**
15
+ * Function triggered when the download icon is clicked.
16
+ */
17
+ onDownloadClick: () => void;
18
+ /**
19
+ * Custom height for the component.
20
+ */
21
+ height?: string;
22
+ /**
23
+ * Custom width for the component.
24
+ */
25
+ width?: string;
26
+ }
@@ -51,8 +51,7 @@ const DonutChart: React.FC<DonutChartProps> = ({
51
51
  // Calculate angles and gaps
52
52
  const TOTAL_GAP_ANGLE = gapAngle * nonZeroValues.length;
53
53
  let remainingAngle = 2 * Math.PI - TOTAL_GAP_ANGLE;
54
- let currentAngle = Math.PI / 2;
55
-
54
+ let currentAngle = -Math.PI / 2;
56
55
  const MIN_PERCENTAGE = 1;
57
56
  const MIN_ANGLE = (MIN_PERCENTAGE / 100) * (2 * Math.PI);
58
57
  let minAngleTotal = 0;
@@ -98,7 +97,11 @@ const DonutChart: React.FC<DonutChartProps> = ({
98
97
  strokeWidth={lineWidth}
99
98
  onMouseEnter={() => handleMouseEnter(normalizedStatus)}
100
99
  onMouseLeave={handleMouseLeave}
101
- strokeOpacity={0.8}
100
+ strokeOpacity={
101
+ hoveredStatus === null || hoveredStatus === normalizedStatus
102
+ ? 0.8
103
+ : 0.3
104
+ }
102
105
  />
103
106
  {/* Hover effect */}
104
107
  {hoveredStatus === normalizedStatus && (
@@ -129,6 +132,8 @@ const DonutChart: React.FC<DonutChartProps> = ({
129
132
  ? 'ff-highlighted'
130
133
  : 'ff-fade'
131
134
  }`}
135
+ onMouseEnter={() => handleMouseEnter(statusKey)}
136
+ onMouseLeave={handleMouseLeave}
132
137
  >
133
138
  <div className="ff-status-label">
134
139
  <div
@@ -2,7 +2,11 @@
2
2
 
3
3
  .ff-radial-chart-container {
4
4
  cursor: pointer;
5
+ display: flex;
6
+ justify-content: space-between;
7
+ align-items: center;
5
8
  svg {
9
+ vertical-align: middle;
6
10
  text {
7
11
  @extend .font-size-8;
8
12
  font-size: var(--fontSize) !important;
@@ -6,6 +6,7 @@ import {
6
6
  ArcResult,
7
7
  ArcAnglesResult,
8
8
  } from './types';
9
+ import Tooltip from '../../Tooltip';
9
10
 
10
11
  const useColorMappings = () =>
11
12
  useMemo(() => {
@@ -117,54 +118,59 @@ const RadialChart: React.FC<RadialChartProps> = ({
117
118
  calculateArcAngles(status.value, total, currentAngle, radius);
118
119
  currentAngle = endAngle;
119
120
  return (
120
- <svg
121
- key={status.status}
122
- width={svgSize}
123
- height={svgSize}
124
- viewBox={`0 0 ${svgSize} ${svgSize}`}
125
- onClick={() => onClick(status)}
126
- role="img"
127
- aria-label={`${status.status}: ${Math.round(percentage * 100)}%`}
121
+ <Tooltip
122
+ title={`${status.status}: ${Math.round(percentage * 100)}%`}
123
+ zIndex={1000}
128
124
  >
129
- <g
130
- transform={`translate(${radius + lineWidth}, ${
131
- radius + lineWidth
132
- })`}
125
+ <svg
126
+ key={status.status}
127
+ width={svgSize}
128
+ height={svgSize}
129
+ viewBox={`0 0 ${svgSize} ${svgSize}`}
130
+ onClick={() => onClick(status)}
131
+ role="img"
132
+ aria-label={`${status.status}: ${Math.round(percentage * 100)}%`}
133
133
  >
134
- {/* Background Circle */}
135
- <path
136
- d={backgroundArcPath}
137
- fill="none"
138
- stroke={
139
- backgroundColorMapping[
140
- normalizedStatus as keyof typeof colorMapping
141
- ]
142
- }
143
- strokeWidth={lineWidth}
144
- />
145
- {/* Status Arc */}
146
- <path
147
- d={foregroundArcPath}
148
- fill="none"
149
- stroke={
150
- colorMapping[normalizedStatus as keyof typeof colorMapping]
151
- }
152
- strokeWidth={lineWidth}
153
- />
154
- {/* Percentage Text */}
155
- <text
156
- x="0"
157
- y="0"
158
- fill={
159
- colorMapping[normalizedStatus as keyof typeof colorMapping]
160
- }
161
- textAnchor="middle"
162
- dominantBaseline="central"
134
+ <g
135
+ transform={`translate(${radius + lineWidth}, ${
136
+ radius + lineWidth
137
+ })`}
163
138
  >
164
- {`${Math.round(percentage * 100)}%`}
165
- </text>
166
- </g>
167
- </svg>
139
+ {/* Background Circle */}
140
+ <path
141
+ d={backgroundArcPath}
142
+ fill="none"
143
+ stroke={
144
+ backgroundColorMapping[
145
+ normalizedStatus as keyof typeof colorMapping
146
+ ]
147
+ }
148
+ strokeWidth={lineWidth}
149
+ />
150
+ {/* Status Arc */}
151
+ <path
152
+ d={foregroundArcPath}
153
+ fill="none"
154
+ stroke={
155
+ colorMapping[normalizedStatus as keyof typeof colorMapping]
156
+ }
157
+ strokeWidth={lineWidth}
158
+ />
159
+ {/* Percentage Text */}
160
+ <text
161
+ x="0"
162
+ y="0"
163
+ fill={
164
+ colorMapping[normalizedStatus as keyof typeof colorMapping]
165
+ }
166
+ textAnchor="middle"
167
+ dominantBaseline="central"
168
+ >
169
+ {`${Math.round(percentage * 100)}%`}
170
+ </text>
171
+ </g>
172
+ </svg>
173
+ </Tooltip>
168
174
  );
169
175
  })}
170
176
  </div>
@@ -0,0 +1,18 @@
1
+ .ff-create-variable-slider {
2
+ padding: 8px;
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: 8px;
6
+ .ff-hide-value-content {
7
+ display: flex;
8
+ align-items: center;
9
+ }
10
+ }
11
+
12
+ .ff-create-slider-footer {
13
+ width: 100%;
14
+ gap: 8px;
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: flex-end;
18
+ }
@@ -0,0 +1,66 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { useState } from 'react';
3
+ import CreateVariableSlider from './CreateVariableSlider';
4
+ import { CreateVariableProps } from './types';
5
+ import React from 'react';
6
+
7
+ const meta: Meta<typeof CreateVariableSlider> = {
8
+ title: 'Components/CreateVariableSlider',
9
+ component: CreateVariableSlider,
10
+ };
11
+
12
+ export default meta;
13
+ type Story = StoryObj<typeof CreateVariableSlider>;
14
+
15
+ export const WithState: Story = {
16
+ render: (args) => {
17
+ const [variableName, setVariableName] = useState('');
18
+ const [value, setValue] = useState('');
19
+ const [selectedVariableType, setSelectedVariableType] = useState({
20
+ label: 'Local Variable',
21
+ value: 'LOCAL',
22
+ });
23
+ const [hideValue, setHideValue] = useState(false);
24
+
25
+ const variableTypeList = [
26
+ { label: 'Local Variable', value: 'LOCAL' },
27
+ { label: 'Global Variable', value: 'GLOBAL' },
28
+ { label: 'Project Environment Variable', value: 'PROJECT_ENVIRONMENT' },
29
+ ];
30
+ const handleNameChange = (value) => {
31
+ setVariableName(value);
32
+ };
33
+ const handleValueChange = (value) => {
34
+ setValue(value);
35
+ };
36
+ const handleTypeChange = (value) => {
37
+ setSelectedVariableType(value);
38
+ };
39
+ const handleSubmit = () => {
40
+ let variable = {
41
+ name: variableName,
42
+ value,
43
+ type: selectedVariableType.value,
44
+ hideValue,
45
+ };
46
+ console.log('Variable :', variable);
47
+ };
48
+
49
+ return (
50
+ <CreateVariableSlider
51
+ {...args}
52
+ isOpen={true} // Ensures the drawer is open for interaction
53
+ variableName={variableName}
54
+ value={value}
55
+ selectedVariableType={selectedVariableType}
56
+ hideValue={hideValue}
57
+ variableTypesList={variableTypeList}
58
+ onNameChange={handleNameChange}
59
+ onValueChange={handleValueChange}
60
+ onVariableTypeChange={handleTypeChange}
61
+ onHideChange={setHideValue}
62
+ handleSubmit={handleSubmit}
63
+ />
64
+ );
65
+ },
66
+ };
@@ -0,0 +1,95 @@
1
+ import { type FC, type JSX } from 'react';
2
+ import Drawer from '../Drawer';
3
+ import { CreateVariableProps } from './types';
4
+ import Input from '../Input';
5
+ import Select from '../Select';
6
+ import './CreateVariableSlider.scss';
7
+ import Checkbox from '../Checkbox';
8
+ import Icon from '../Icon';
9
+ import Button from '../Button';
10
+ import Tooltip from '../Tooltip';
11
+ import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
12
+
13
+ const CreateVariableSlider: FC<CreateVariableProps> = ({
14
+ isOpen,
15
+ variableTypesList = [],
16
+ onClose,
17
+ onNameChange,
18
+ onValueChange,
19
+ variableName,
20
+ value,
21
+ onVariableTypeChange,
22
+ selectedVariableType,
23
+ hideValue = false,
24
+ onHideChange,
25
+ handleSubmit,
26
+ }): JSX.Element => {
27
+ const FooterContent: FC = (): JSX.Element => {
28
+ return (
29
+ <div className="ff-create-slider-footer">
30
+ <Button onClick={onClose} label="Cancel" variant="tertiary" />
31
+ <Button
32
+ variant="primary"
33
+ label="create"
34
+ type="submit"
35
+ onClick={handleSubmit}
36
+ disabled={checkEmpty(variableName) || checkEmpty(value)}
37
+ />
38
+ </div>
39
+ );
40
+ };
41
+ return (
42
+ <Drawer
43
+ onClose={onClose}
44
+ isOpen={isOpen}
45
+ title="Create Variable"
46
+ width="284px"
47
+ height="222px"
48
+ top="35%"
49
+ right={8}
50
+ isFooterRequired={true}
51
+ overlay
52
+ footerContent={<FooterContent />}
53
+ >
54
+ <div className="ff-create-variable-slider">
55
+ <Input
56
+ label="Variable Name"
57
+ required
58
+ type="text"
59
+ name="variable name"
60
+ value={variableName}
61
+ onChange={(event) => onNameChange(event.target.value)}
62
+ />
63
+ <Select
64
+ label="Variable Type"
65
+ required
66
+ onChange={(option: any) => onVariableTypeChange(option)}
67
+ selectedOption={selectedVariableType}
68
+ optionsList={variableTypesList}
69
+ optionZIndex={99999}
70
+ />
71
+ <Input
72
+ label="Variable Value"
73
+ required
74
+ type="text"
75
+ name="value"
76
+ value={value}
77
+ onChange={(event) => onValueChange(event.target.value)}
78
+ />
79
+ <div className="ff-hide-value-content">
80
+ <Checkbox
81
+ onChange={(event) => onHideChange(event.target.checked)}
82
+ name="hide value"
83
+ label="Hide Value"
84
+ checked={hideValue}
85
+ />
86
+ <Tooltip title="Once the value is hidden, it cannot be undone">
87
+ <Icon name="info" width={12} height={12} />
88
+ </Tooltip>
89
+ </div>
90
+ </div>
91
+ </Drawer>
92
+ );
93
+ };
94
+
95
+ export default CreateVariableSlider;
@@ -0,0 +1 @@
1
+ export { default } from './CreateVariableSlider';
@@ -0,0 +1,58 @@
1
+ export type variableType = 'LOCAL' | 'GLOBAL' | 'GROUP' | 'PROJECT_ENVIRONMENT';
2
+
3
+ export type DynamicObj = {
4
+ [key: string]: any;
5
+ };
6
+
7
+ export interface CreateVariableProps {
8
+ /**
9
+ * Open Create variable Slider
10
+ */
11
+ isOpen: boolean;
12
+ /**
13
+ * Value for the variable name
14
+ */
15
+ variableName: string;
16
+ /**
17
+ * Value for the variable to be created
18
+ */
19
+ value: string;
20
+ /**
21
+ * List for the variable types
22
+ */
23
+ variableTypesList: DynamicObj[];
24
+ /**
25
+ * Selected variable type
26
+ */
27
+ selectedVariableType: DynamicObj;
28
+ /**
29
+ * Function to handle variable type change
30
+ * @param option
31
+ * @returns
32
+ */
33
+ onVariableTypeChange: (option: DynamicObj) => void;
34
+ /**
35
+ * Function to handle close
36
+ */
37
+ onClose?: () => void;
38
+ /**
39
+ * onChange of name
40
+ */
41
+ onNameChange: (value: string | boolean) => void;
42
+ /**
43
+ * onChange of value
44
+ */
45
+ onValueChange: (value: string | boolean) => void;
46
+ /**
47
+ * Hide value
48
+ */
49
+ hideValue: boolean;
50
+ /**
51
+ * onChange for hide value
52
+ */
53
+ onHideChange: (value: boolean) => void;
54
+ /**
55
+ * Function to handle submit
56
+ */
57
+ handleSubmit: () => void;
58
+ }
@@ -19,7 +19,6 @@
19
19
  right: 0;
20
20
  bottom: 0;
21
21
  top: 87px;
22
- min-width: 450px;
23
22
  background-color: var(--primary-button-text-color);
24
23
  z-index: 999;
25
24
  transform: translateX(100%);
@@ -123,6 +122,7 @@
123
122
  z-index: 1000;
124
123
  background-color: var(--base-bg-color);
125
124
  transform: translateY(3px);
125
+ border-radius: 0 0 4px 4px;
126
126
 
127
127
  .button-container {
128
128
  display: flex;
@@ -115,7 +115,6 @@ export const WithTertiaryButtons: Story = {
115
115
  },
116
116
  };
117
117
 
118
-
119
118
  export const WithCustomZIndex: Story = {
120
119
  args: {
121
120
  ...defaultArgs,