iguazio.dashboard-react-controls 2.2.25 → 3.0.1

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 (368) hide show
  1. package/dist/components/Backdrop/Backdrop.d.ts +14 -0
  2. package/dist/components/Backdrop/Backdrop.d.ts.map +1 -0
  3. package/dist/components/Backdrop/Backdrop.mjs +29 -0
  4. package/dist/components/Backdrop/Backdrop.mjs.map +1 -0
  5. package/dist/components/Button/Button.d.ts +28 -0
  6. package/dist/components/Button/Button.d.ts.map +1 -0
  7. package/dist/components/Button/Button.mjs +43 -0
  8. package/dist/components/Button/Button.mjs.map +1 -0
  9. package/dist/components/Button/Button.stories.d.ts +14 -0
  10. package/dist/components/Button/Button.stories.d.ts.map +1 -0
  11. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +33 -0
  12. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
  13. package/dist/components/ConfirmDialog/ConfirmDialog.mjs +83 -0
  14. package/dist/components/ConfirmDialog/ConfirmDialog.mjs.map +1 -0
  15. package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts +8 -0
  16. package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts.map +1 -0
  17. package/dist/components/FormCheckBox/FormCheckBox.d.ts +21 -0
  18. package/dist/components/FormCheckBox/FormCheckBox.d.ts.map +1 -0
  19. package/dist/components/FormCheckBox/FormCheckBox.mjs +54 -0
  20. package/dist/components/FormCheckBox/FormCheckBox.mjs.map +1 -0
  21. package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts +7 -0
  22. package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts.map +1 -0
  23. package/dist/components/FormChipCell/FormChip/FormChip.d.ts +45 -0
  24. package/dist/components/FormChipCell/FormChip/FormChip.d.ts.map +1 -0
  25. package/dist/components/FormChipCell/FormChip/FormChip.mjs +78 -0
  26. package/dist/components/FormChipCell/FormChip/FormChip.mjs.map +1 -0
  27. package/dist/components/FormChipCell/FormChipCell.d.ts +44 -0
  28. package/dist/components/FormChipCell/FormChipCell.d.ts.map +1 -0
  29. package/dist/components/FormChipCell/FormChipCell.mjs +239 -0
  30. package/dist/components/FormChipCell/FormChipCell.mjs.map +1 -0
  31. package/dist/components/FormChipCell/FormChipCellView.d.ts +56 -0
  32. package/dist/components/FormChipCell/FormChipCellView.d.ts.map +1 -0
  33. package/dist/components/FormChipCell/FormChipCellView.mjs +169 -0
  34. package/dist/components/FormChipCell/FormChipCellView.mjs.map +1 -0
  35. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts +22 -0
  36. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts.map +1 -0
  37. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs +72 -0
  38. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs.map +1 -0
  39. package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts +35 -0
  40. package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts.map +1 -0
  41. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs +270 -0
  42. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs.map +1 -0
  43. package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts +16 -0
  44. package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts.map +1 -0
  45. package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs +36 -0
  46. package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs.map +1 -0
  47. package/dist/components/FormChipCell/formChipCell.util.d.ts +6 -0
  48. package/dist/components/FormChipCell/formChipCell.util.d.ts.map +1 -0
  49. package/dist/components/FormChipCell/formChipCell.util.mjs +24 -0
  50. package/dist/components/FormChipCell/formChipCell.util.mjs.map +1 -0
  51. package/dist/components/FormCombobox/FormCombobox.d.ts +56 -0
  52. package/dist/components/FormCombobox/FormCombobox.d.ts.map +1 -0
  53. package/dist/components/FormCombobox/FormCombobox.mjs +278 -0
  54. package/dist/components/FormCombobox/FormCombobox.mjs.map +1 -0
  55. package/dist/components/FormCombobox/FormCombobox.stories.d.ts +12 -0
  56. package/dist/components/FormCombobox/FormCombobox.stories.d.ts.map +1 -0
  57. package/dist/components/FormInput/FormInput.d.ts +3 -0
  58. package/dist/components/FormInput/FormInput.d.ts.map +1 -0
  59. package/dist/components/FormInput/FormInput.mjs +272 -0
  60. package/dist/components/FormInput/FormInput.mjs.map +1 -0
  61. package/dist/components/FormInput/FormInput.stories.d.ts +14 -0
  62. package/dist/components/FormInput/FormInput.stories.d.ts.map +1 -0
  63. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts +20 -0
  64. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts.map +1 -0
  65. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.mjs +61 -0
  66. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.mjs.map +1 -0
  67. package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts +49 -0
  68. package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts.map +1 -0
  69. package/dist/components/FormKeyValueTable/FormKeyValueTable.mjs +202 -0
  70. package/dist/components/FormKeyValueTable/FormKeyValueTable.mjs.map +1 -0
  71. package/dist/components/FormOnChange/FormOnChange.d.ts +12 -0
  72. package/dist/components/FormOnChange/FormOnChange.d.ts.map +1 -0
  73. package/dist/components/FormOnChange/FormOnChange.mjs +33 -0
  74. package/dist/components/FormOnChange/FormOnChange.mjs.map +1 -0
  75. package/dist/components/FormRadio/FormRadio.d.ts +19 -0
  76. package/dist/components/FormRadio/FormRadio.d.ts.map +1 -0
  77. package/dist/components/FormRadio/FormRadio.mjs +57 -0
  78. package/dist/components/FormRadio/FormRadio.mjs.map +1 -0
  79. package/dist/components/FormRadio/FormRadio.stories.d.ts +7 -0
  80. package/dist/components/FormRadio/FormRadio.stories.d.ts.map +1 -0
  81. package/dist/components/FormSelect/FormSelect.d.ts +43 -0
  82. package/dist/components/FormSelect/FormSelect.d.ts.map +1 -0
  83. package/dist/components/FormSelect/FormSelect.mjs +257 -0
  84. package/dist/components/FormSelect/FormSelect.mjs.map +1 -0
  85. package/dist/components/FormSelect/FormSelect.stories.d.ts +10 -0
  86. package/dist/components/FormSelect/FormSelect.stories.d.ts.map +1 -0
  87. package/dist/components/FormTextarea/FormTextarea.d.ts +40 -0
  88. package/dist/components/FormTextarea/FormTextarea.d.ts.map +1 -0
  89. package/dist/components/FormTextarea/FormTextarea.mjs +122 -0
  90. package/dist/components/FormTextarea/FormTextarea.mjs.map +1 -0
  91. package/dist/components/FormTextarea/FormTextarea.stories.d.ts +9 -0
  92. package/dist/components/FormTextarea/FormTextarea.stories.d.ts.map +1 -0
  93. package/dist/components/FormToggle/FormToggle.d.ts +18 -0
  94. package/dist/components/FormToggle/FormToggle.d.ts.map +1 -0
  95. package/dist/components/FormToggle/FormToggle.mjs +48 -0
  96. package/dist/components/FormToggle/FormToggle.mjs.map +1 -0
  97. package/dist/components/Modal/Modal.d.ts +29 -0
  98. package/dist/components/Modal/Modal.d.ts.map +1 -0
  99. package/dist/components/Modal/Modal.mjs +71 -0
  100. package/dist/components/Modal/Modal.mjs.map +1 -0
  101. package/dist/components/PopUpDialog/PopUpDialog.d.ts +28 -0
  102. package/dist/components/PopUpDialog/PopUpDialog.d.ts.map +1 -0
  103. package/dist/components/PopUpDialog/PopUpDialog.mjs +90 -0
  104. package/dist/components/PopUpDialog/PopUpDialog.mjs.map +1 -0
  105. package/dist/components/RoundedIcon/RoundedIcon.d.ts +23 -0
  106. package/dist/components/RoundedIcon/RoundedIcon.d.ts.map +1 -0
  107. package/dist/components/RoundedIcon/RoundedIcon.mjs +40 -0
  108. package/dist/components/RoundedIcon/RoundedIcon.mjs.map +1 -0
  109. package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts +9 -0
  110. package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts.map +1 -0
  111. package/dist/components/Tip/Tip.d.ts +14 -0
  112. package/dist/components/Tip/Tip.d.ts.map +1 -0
  113. package/dist/components/Tip/Tip.mjs +67 -0
  114. package/dist/components/Tip/Tip.mjs.map +1 -0
  115. package/dist/components/Tip/Tip.stories.d.ts +7 -0
  116. package/dist/components/Tip/Tip.stories.d.ts.map +1 -0
  117. package/dist/components/Tooltip/Tooltip.d.ts +22 -0
  118. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  119. package/dist/components/Tooltip/Tooltip.mjs +136 -0
  120. package/dist/components/Tooltip/Tooltip.mjs.map +1 -0
  121. package/dist/components/Tooltip/Tooltip.stories.d.ts +8 -0
  122. package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
  123. package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts +12 -0
  124. package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts.map +1 -0
  125. package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts +12 -0
  126. package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts.map +1 -0
  127. package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs +21 -0
  128. package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs.map +1 -0
  129. package/dist/components/Wizard/Wizard.d.ts +33 -0
  130. package/dist/components/Wizard/Wizard.d.ts.map +1 -0
  131. package/dist/components/Wizard/Wizard.mjs +129 -0
  132. package/dist/components/Wizard/Wizard.mjs.map +1 -0
  133. package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts +16 -0
  134. package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts.map +1 -0
  135. package/dist/components/Wizard/WizardSteps/WizardSteps.mjs +41 -0
  136. package/dist/components/Wizard/WizardSteps/WizardSteps.mjs.map +1 -0
  137. package/dist/components/index.d.ts +21 -0
  138. package/dist/components/index.d.ts.map +1 -0
  139. package/dist/components/index.mjs +41 -0
  140. package/dist/components/index.mjs.map +1 -0
  141. package/dist/constants.d.ts +114 -0
  142. package/dist/constants.d.ts.map +1 -0
  143. package/dist/constants.mjs +44 -0
  144. package/dist/constants.mjs.map +1 -0
  145. package/dist/elements/FormActionButton/FormActionButton.d.ts +23 -0
  146. package/dist/elements/FormActionButton/FormActionButton.d.ts.map +1 -0
  147. package/dist/elements/FormActionButton/FormActionButton.mjs +43 -0
  148. package/dist/elements/FormActionButton/FormActionButton.mjs.map +1 -0
  149. package/dist/elements/FormRowActions/FormRowActions.d.ts +27 -0
  150. package/dist/elements/FormRowActions/FormRowActions.d.ts.map +1 -0
  151. package/dist/elements/FormRowActions/FormRowActions.mjs +87 -0
  152. package/dist/elements/FormRowActions/FormRowActions.mjs.map +1 -0
  153. package/dist/elements/OptionsMenu/OptionsMenu.d.ts +18 -0
  154. package/dist/elements/OptionsMenu/OptionsMenu.d.ts.map +1 -0
  155. package/dist/elements/OptionsMenu/OptionsMenu.mjs +47 -0
  156. package/dist/elements/OptionsMenu/OptionsMenu.mjs.map +1 -0
  157. package/dist/elements/SelectOption/SelectOption.d.ts +20 -0
  158. package/dist/elements/SelectOption/SelectOption.d.ts.map +1 -0
  159. package/dist/elements/SelectOption/SelectOption.mjs +84 -0
  160. package/dist/elements/SelectOption/SelectOption.mjs.map +1 -0
  161. package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts +12 -0
  162. package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts.map +1 -0
  163. package/dist/elements/ValidationTemplate/ValidationTemplate.mjs +22 -0
  164. package/dist/elements/ValidationTemplate/ValidationTemplate.mjs.map +1 -0
  165. package/dist/elements/index.d.ts +7 -0
  166. package/dist/elements/index.d.ts.map +1 -0
  167. package/dist/elements/index.mjs +13 -0
  168. package/dist/elements/index.mjs.map +1 -0
  169. package/dist/hooks/index.d.ts +6 -0
  170. package/dist/hooks/index.d.ts.map +1 -0
  171. package/dist/hooks/index.mjs +13 -0
  172. package/dist/hooks/index.mjs.map +1 -0
  173. package/dist/hooks/useChipCell.hook.d.ts +13 -0
  174. package/dist/hooks/useChipCell.hook.d.ts.map +1 -0
  175. package/dist/hooks/useChipCell.hook.mjs +58 -0
  176. package/dist/hooks/useChipCell.hook.mjs.map +1 -0
  177. package/dist/hooks/useDebounce.hook.d.ts +2 -0
  178. package/dist/hooks/useDebounce.hook.d.ts.map +1 -0
  179. package/dist/hooks/useDebounce.hook.mjs +19 -0
  180. package/dist/hooks/useDebounce.hook.mjs.map +1 -0
  181. package/dist/hooks/useDetectOutsideClick.hook.d.ts +2 -0
  182. package/dist/hooks/useDetectOutsideClick.hook.d.ts.map +1 -0
  183. package/dist/hooks/useDetectOutsideClick.hook.mjs +15 -0
  184. package/dist/hooks/useDetectOutsideClick.hook.mjs.map +1 -0
  185. package/dist/hooks/useFormTable.hook.d.ts +16 -0
  186. package/dist/hooks/useFormTable.hook.d.ts.map +1 -0
  187. package/dist/hooks/useFormTable.hook.mjs +128 -0
  188. package/dist/hooks/useFormTable.hook.mjs.map +1 -0
  189. package/dist/hooks/useHiddenChipsBlock.hook.d.ts +4 -0
  190. package/dist/hooks/useHiddenChipsBlock.hook.d.ts.map +1 -0
  191. package/dist/hooks/useHiddenChipsBlock.hook.mjs +51 -0
  192. package/dist/hooks/useHiddenChipsBlock.hook.mjs.map +1 -0
  193. package/dist/images/add.svg.mjs +6 -0
  194. package/dist/images/add.svg.mjs.map +1 -0
  195. package/dist/images/alerts-icon.svg +3 -0
  196. package/dist/images/arrow.svg.mjs +6 -0
  197. package/dist/images/arrow.svg.mjs.map +1 -0
  198. package/dist/images/back-arrow.svg.mjs +6 -0
  199. package/dist/images/back-arrow.svg.mjs.map +1 -0
  200. package/dist/images/checkmark.svg.mjs +6 -0
  201. package/dist/images/checkmark.svg.mjs.map +1 -0
  202. package/dist/images/checkmark2.svg.mjs +6 -0
  203. package/dist/images/checkmark2.svg.mjs.map +1 -0
  204. package/dist/images/close.svg.mjs +6 -0
  205. package/dist/images/close.svg.mjs.map +1 -0
  206. package/dist/images/delete.svg.mjs +6 -0
  207. package/dist/images/delete.svg.mjs.map +1 -0
  208. package/dist/images/documents-icon.svg +3 -0
  209. package/dist/images/dropdown.svg.mjs +6 -0
  210. package/dist/images/dropdown.svg.mjs.map +1 -0
  211. package/dist/images/edit.svg.mjs +6 -0
  212. package/dist/images/edit.svg.mjs.map +1 -0
  213. package/dist/images/exclamation-mark.svg.mjs +6 -0
  214. package/dist/images/exclamation-mark.svg.mjs.map +1 -0
  215. package/dist/images/llm-prompt-icon.svg +3 -0
  216. package/dist/images/mlrun-api-gateways.svg +8 -0
  217. package/dist/images/mlrun-artifacts.svg +11 -0
  218. package/dist/images/mlrun-datasets.svg +5 -0
  219. package/dist/images/mlrun-feature-store.svg +10 -0
  220. package/dist/images/mlrun-jobs-and-workflows.svg +5 -0
  221. package/dist/images/mlrun-ml-functions.svg +8 -0
  222. package/dist/images/mlrun-models.svg +5 -0
  223. package/dist/images/mlrun-project-home.svg +5 -0
  224. package/dist/images/mlrun-project-monitoring.svg +9 -0
  225. package/dist/images/mlrun-project-settings.svg +5 -0
  226. package/dist/images/mlrun-realtime-functions.svg +8 -0
  227. package/dist/images/model-monitoring.svg +3 -0
  228. package/dist/images/plus.svg.mjs +6 -0
  229. package/dist/images/plus.svg.mjs.map +1 -0
  230. package/dist/images/popout.svg.mjs +6 -0
  231. package/dist/images/popout.svg.mjs.map +1 -0
  232. package/dist/images/question-mark.svg.mjs +6 -0
  233. package/dist/images/question-mark.svg.mjs.map +1 -0
  234. package/dist/images/range-arrow-small.svg.mjs +6 -0
  235. package/dist/images/range-arrow-small.svg.mjs.map +1 -0
  236. package/dist/images/search.svg.mjs +6 -0
  237. package/dist/images/search.svg.mjs.map +1 -0
  238. package/dist/images/success_done.svg.mjs +6 -0
  239. package/dist/images/success_done.svg.mjs.map +1 -0
  240. package/dist/images/warning.svg.mjs +6 -0
  241. package/dist/images/warning.svg.mjs.map +1 -0
  242. package/dist/index.css +1 -0
  243. package/dist/index.d.ts +8 -0
  244. package/dist/index.d.ts.map +1 -0
  245. package/dist/index.mjs +15 -0
  246. package/dist/index.mjs.map +1 -0
  247. package/dist/robots.txt +3 -0
  248. package/dist/scss/borders.scss +22 -22
  249. package/dist/scss/colors.scss +0 -11
  250. package/dist/scss/common.scss +48 -33
  251. package/dist/scss/fonts.scss +6 -0
  252. package/dist/scss/mixins.scss +117 -106
  253. package/dist/scss/shadows.scss +12 -12
  254. package/dist/scss/variables.scss +3 -3
  255. package/dist/types.d.ts +25 -0
  256. package/dist/types.d.ts.map +1 -0
  257. package/dist/types.mjs +143 -0
  258. package/dist/types.mjs.map +1 -0
  259. package/dist/utils/common.util.d.ts +10 -0
  260. package/dist/utils/common.util.d.ts.map +1 -0
  261. package/dist/utils/common.util.mjs +60 -0
  262. package/dist/utils/common.util.mjs.map +1 -0
  263. package/dist/utils/form.util.d.ts +11 -0
  264. package/dist/utils/form.util.d.ts.map +1 -0
  265. package/dist/utils/form.util.mjs +26 -0
  266. package/dist/utils/form.util.mjs.map +1 -0
  267. package/dist/utils/generateChipsList.util.d.ts +10 -0
  268. package/dist/utils/generateChipsList.util.d.ts.map +1 -0
  269. package/dist/utils/generateChipsList.util.mjs +19 -0
  270. package/dist/utils/generateChipsList.util.mjs.map +1 -0
  271. package/dist/utils/getFirstScrollableParent.util.d.ts +2 -0
  272. package/dist/utils/getFirstScrollableParent.util.d.ts.map +1 -0
  273. package/dist/utils/getFirstScrollableParent.util.mjs +5 -0
  274. package/dist/utils/getFirstScrollableParent.util.mjs.map +1 -0
  275. package/dist/utils/index.d.ts +7 -0
  276. package/dist/utils/index.d.ts.map +1 -0
  277. package/dist/utils/index.mjs +15 -0
  278. package/dist/utils/index.mjs.map +1 -0
  279. package/dist/utils/math.util.d.ts +2 -0
  280. package/dist/utils/math.util.d.ts.map +1 -0
  281. package/dist/utils/math.util.mjs +18 -0
  282. package/dist/utils/math.util.mjs.map +1 -0
  283. package/dist/utils/validation.util.d.ts +6 -0
  284. package/dist/utils/validation.util.d.ts.map +1 -0
  285. package/dist/utils/validation.util.mjs +306 -0
  286. package/dist/utils/validation.util.mjs.map +1 -0
  287. package/package.json +48 -38
  288. package/dist/components/Backdrop/Backdrop.js +0 -56
  289. package/dist/components/Backdrop/Backdrop.scss +0 -32
  290. package/dist/components/Button/Button.js +0 -73
  291. package/dist/components/Button/Button.scss +0 -171
  292. package/dist/components/ConfirmDialog/ConfirmDialog.js +0 -101
  293. package/dist/components/ConfirmDialog/confirmDialog.scss +0 -23
  294. package/dist/components/FormCheckBox/FormCheckBox.js +0 -82
  295. package/dist/components/FormCheckBox/formCheckBox.scss +0 -91
  296. package/dist/components/FormChipCell/FormChip/FormChip.js +0 -103
  297. package/dist/components/FormChipCell/FormChip/formChip.scss +0 -68
  298. package/dist/components/FormChipCell/FormChipCell.js +0 -339
  299. package/dist/components/FormChipCell/FormChipCellView.js +0 -190
  300. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.js +0 -107
  301. package/dist/components/FormChipCell/NewChipForm/NewChipForm.js +0 -353
  302. package/dist/components/FormChipCell/NewChipForm/newChipForm.scss +0 -81
  303. package/dist/components/FormChipCell/NewChipInput/NewChipInput.js +0 -71
  304. package/dist/components/FormChipCell/formChipCell.scss +0 -64
  305. package/dist/components/FormChipCell/formChipCell.util.js +0 -52
  306. package/dist/components/FormCombobox/FormCombobox.js +0 -432
  307. package/dist/components/FormCombobox/formCombobox.scss +0 -134
  308. package/dist/components/FormInput/FormInput.js +0 -408
  309. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js +0 -91
  310. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.scss +0 -123
  311. package/dist/components/FormInput/formInput.scss +0 -76
  312. package/dist/components/FormKeyValueTable/FormKeyValueTable.js +0 -221
  313. package/dist/components/FormOnChange/FormOnChange.js +0 -69
  314. package/dist/components/FormRadio/FormRadio.js +0 -85
  315. package/dist/components/FormRadio/FormRadio.scss +0 -41
  316. package/dist/components/FormSelect/FormSelect.js +0 -353
  317. package/dist/components/FormSelect/FormSelect.test.js +0 -138
  318. package/dist/components/FormSelect/formSelect.scss +0 -97
  319. package/dist/components/FormTextarea/FormTextarea.js +0 -184
  320. package/dist/components/FormTextarea/formTextarea.scss +0 -32
  321. package/dist/components/FormToggle/FormToggle.js +0 -82
  322. package/dist/components/FormToggle/formToggle.scss +0 -58
  323. package/dist/components/Modal/Modal.js +0 -116
  324. package/dist/components/Modal/Modal.scss +0 -149
  325. package/dist/components/PopUpDialog/PopUpDialog.js +0 -171
  326. package/dist/components/PopUpDialog/popUpDialog.scss +0 -83
  327. package/dist/components/RoundedIcon/RoundedIcon.js +0 -72
  328. package/dist/components/RoundedIcon/roundedIcon.scss +0 -57
  329. package/dist/components/Tip/Tip.js +0 -116
  330. package/dist/components/Tip/Tip.test.js +0 -64
  331. package/dist/components/Tip/tip.scss +0 -94
  332. package/dist/components/Tooltip/Tooltip.js +0 -180
  333. package/dist/components/Tooltip/Tooltip.test.js +0 -155
  334. package/dist/components/Tooltip/tooltip.scss +0 -29
  335. package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js +0 -53
  336. package/dist/components/TooltipTemplate/TextTooltipTemplate.js +0 -53
  337. package/dist/components/TooltipTemplate/producerTooltipTemplate.scss +0 -23
  338. package/dist/components/TooltipTemplate/textTooltipTemplate.scss +0 -21
  339. package/dist/components/Wizard/Wizard.js +0 -192
  340. package/dist/components/Wizard/Wizard.scss +0 -53
  341. package/dist/components/Wizard/WizardSteps/WizardSteps.js +0 -74
  342. package/dist/components/Wizard/WizardSteps/WizardSteps.scss +0 -108
  343. package/dist/components/index.js +0 -139
  344. package/dist/constants.js +0 -120
  345. package/dist/elements/FormActionButton/FormActionButton.js +0 -64
  346. package/dist/elements/FormRowActions/FormRowActions.js +0 -99
  347. package/dist/elements/OptionsMenu/OptionsMenu.js +0 -75
  348. package/dist/elements/OptionsMenu/optionsMenu.scss +0 -45
  349. package/dist/elements/SelectOption/SelectOption.js +0 -107
  350. package/dist/elements/SelectOption/SelectOption.test.js +0 -98
  351. package/dist/elements/SelectOption/selectOption.scss +0 -98
  352. package/dist/elements/ValidationTemplate/ValidationTemplate.js +0 -56
  353. package/dist/elements/ValidationTemplate/ValidationTemplate.scss +0 -36
  354. package/dist/elements/index.js +0 -41
  355. package/dist/hooks/index.js +0 -40
  356. package/dist/hooks/useChipCell.hook.js +0 -129
  357. package/dist/hooks/useDebounce.hook.js +0 -52
  358. package/dist/hooks/useDetectOutsideClick.hook.js +0 -47
  359. package/dist/hooks/useFormTable.hook.js +0 -224
  360. package/dist/hooks/useHiddenChipsBlock.hook.js +0 -102
  361. package/dist/index.js +0 -18
  362. package/dist/types.js +0 -127
  363. package/dist/utils/common.util.js +0 -130
  364. package/dist/utils/form.util.js +0 -70
  365. package/dist/utils/generateChipsList.util.js +0 -39
  366. package/dist/utils/getFirstScrollableParent.util.js +0 -49
  367. package/dist/utils/math.util.js +0 -44
  368. package/dist/utils/validation.util.js +0 -401
@@ -0,0 +1,114 @@
1
+ export const BACKSPACE: "Backspace";
2
+ export const CLICK: "Click";
3
+ export const DELETE: "Delete";
4
+ export const TAB: "Tab";
5
+ export const TAB_SHIFT: "Tab+Shift";
6
+ export const PRIMARY_BUTTON: "primary";
7
+ export const SECONDARY_BUTTON: "secondary";
8
+ export const TERTIARY_BUTTON: "tertiary";
9
+ export const DANGER_BUTTON: "danger";
10
+ export const LABEL_BUTTON: "label";
11
+ export namespace validation {
12
+ namespace BEGIN_END_NOT_WITH {
13
+ let LABEL: string;
14
+ let NAME: string;
15
+ }
16
+ namespace BEGIN_END_WITH {
17
+ let LABEL_1: string;
18
+ export { LABEL_1 as LABEL };
19
+ let NAME_1: string;
20
+ export { NAME_1 as NAME };
21
+ }
22
+ namespace BEGIN_NOT_WITH {
23
+ let LABEL_2: string;
24
+ export { LABEL_2 as LABEL };
25
+ let NAME_2: string;
26
+ export { NAME_2 as NAME };
27
+ }
28
+ namespace BEGIN_WITH {
29
+ let LABEL_3: string;
30
+ export { LABEL_3 as LABEL };
31
+ let NAME_3: string;
32
+ export { NAME_3 as NAME };
33
+ }
34
+ namespace END_NOT_WITH {
35
+ let LABEL_4: string;
36
+ export { LABEL_4 as LABEL };
37
+ let NAME_4: string;
38
+ export { NAME_4 as NAME };
39
+ }
40
+ namespace END_WITH {
41
+ let LABEL_5: string;
42
+ export { LABEL_5 as LABEL };
43
+ let NAME_5: string;
44
+ export { NAME_5 as NAME };
45
+ }
46
+ namespace MUST_CONTAIN_EXACTLY_ONE {
47
+ let LABEL_6: string;
48
+ export { LABEL_6 as LABEL };
49
+ let NAME_6: string;
50
+ export { NAME_6 as NAME };
51
+ }
52
+ namespace MUST_HAVE_DOT_AFTER_AT {
53
+ let LABEL_7: string;
54
+ export { LABEL_7 as LABEL };
55
+ let NAME_7: string;
56
+ export { NAME_7 as NAME };
57
+ }
58
+ namespace MUST_NOT_BE {
59
+ let LABEL_8: string;
60
+ export { LABEL_8 as LABEL };
61
+ let NAME_8: string;
62
+ export { NAME_8 as NAME };
63
+ }
64
+ namespace NO_CONSECUTIVE_CHARACTER {
65
+ let LABEL_9: string;
66
+ export { LABEL_9 as LABEL };
67
+ let NAME_9: string;
68
+ export { NAME_9 as NAME };
69
+ }
70
+ namespace NOT_CONTAIN {
71
+ let LABEL_10: string;
72
+ export { LABEL_10 as LABEL };
73
+ let NAME_10: string;
74
+ export { NAME_10 as NAME };
75
+ }
76
+ namespace ONLY_AT_THE_BEGINNING {
77
+ let LABEL_11: string;
78
+ export { LABEL_11 as LABEL };
79
+ let NAME_11: string;
80
+ export { NAME_11 as NAME };
81
+ }
82
+ namespace REQUIRED {
83
+ let LABEL_12: string;
84
+ export { LABEL_12 as LABEL };
85
+ let NAME_12: string;
86
+ export { NAME_12 as NAME };
87
+ }
88
+ namespace VALID_CHARACTERS_WITH_REFIX {
89
+ let LABEL_13: string;
90
+ export { LABEL_13 as LABEL };
91
+ let NAME_13: string;
92
+ export { NAME_13 as NAME };
93
+ }
94
+ namespace VALID_CHARACTERS {
95
+ let LABEL_14: string;
96
+ export { LABEL_14 as LABEL };
97
+ let NAME_14: string;
98
+ export { NAME_14 as NAME };
99
+ }
100
+ }
101
+ export const BADREQUEST_ERROR_STATUS_CODE: 400;
102
+ export const FORBIDDEN_ERROR_STATUS_CODE: 403;
103
+ export const NOTFOUND_ERROR_STATUS_CODE: 404;
104
+ export const CONFLICT_ERROR_STATUS_CODE: 409;
105
+ export const INTERNAL_SERVER_ERROR_STATUS_CODE: 500;
106
+ export const BAD_GATEWAY_ERROR_STATUS_CODE: 502;
107
+ export const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE: 503;
108
+ export const GATEWAY_TIMEOUT_STATUS_CODE: 504;
109
+ export const MODAL_SM: "sm";
110
+ export const MODAL_MD: "md";
111
+ export const MODAL_LG: "lg";
112
+ export const MODAL_MIN: "min";
113
+ export const MODAL_MAX: "max";
114
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/lib/constants.js"],"names":[],"mappings":"AAiBA,wBAAyB,WAAW,CAAA;AACpC,oBAAqB,OAAO,CAAA;AAC5B,qBAAsB,QAAQ,CAAA;AAC9B,kBAAmB,KAAK,CAAA;AACxB,wBAAyB,WAAW,CAAA;AAIpC,6BAA8B,SAAS,CAAA;AACvC,+BAAgC,WAAW,CAAA;AAC3C,8BAA+B,UAAU,CAAA;AACzC,4BAA6B,QAAQ,CAAA;AACrC,2BAA4B,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBnC,2CAA4C,GAAG,CAAA;AAC/C,0CAA2C,GAAG,CAAA;AAC9C,yCAA0C,GAAG,CAAA;AAC7C,yCAA0C,GAAG,CAAA;AAC7C,gDAAiD,GAAG,CAAA;AACpD,4CAA6C,GAAG,CAAA;AAChD,oDAAqD,GAAG,CAAA;AACxD,0CAA2C,GAAG,CAAA;AAI9C,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,wBAAyB,KAAK,CAAA;AAC9B,wBAAyB,KAAK,CAAA"}
@@ -0,0 +1,44 @@
1
+ const E = "Backspace", t = "Click", A = "Delete", n = "Tab", T = "Tab+Shift", _ = "primary", N = "secondary", e = "tertiary", s = "danger", o = "label", L = {
2
+ BEGIN_END_NOT_WITH: { LABEL: "Must not begin and end with", NAME: "beginEndNot" },
3
+ BEGIN_END_WITH: { LABEL: "Must begin and end with", NAME: "beginEnd" },
4
+ BEGIN_NOT_WITH: { LABEL: "Must not begin with", NAME: "beginNot" },
5
+ BEGIN_WITH: { LABEL: "Must begin with", NAME: "begin" },
6
+ END_NOT_WITH: { LABEL: "Must not end with", NAME: "endNot" },
7
+ END_WITH: { LABEL: "Must end with", NAME: "end" },
8
+ MUST_CONTAIN_EXACTLY_ONE: { LABEL: "Must contain exactly one", NAME: "exactlyOne" },
9
+ MUST_HAVE_DOT_AFTER_AT: { LABEL: "Must have at least one . after @", NAME: "dotAfterAt" },
10
+ MUST_NOT_BE: { LABEL: "Must not be", NAME: "mustNotBe" },
11
+ NO_CONSECUTIVE_CHARACTER: { LABEL: "No consecutive characters", NAME: "noConsecutiveCharacters" },
12
+ NOT_CONTAIN: { LABEL: "Must not contain", NAME: "notContainCharacters" },
13
+ ONLY_AT_THE_BEGINNING: { LABEL: "Only at the beginning", NAME: "onlyAtTheBeginning" },
14
+ REQUIRED: { LABEL: "This field is required", NAME: "required" },
15
+ VALID_CHARACTERS_WITH_REFIX: { LABEL: "Valid characters", NAME: "validCharactersWithPrefix" },
16
+ VALID_CHARACTERS: { LABEL: "Valid characters", NAME: "validCharacters" }
17
+ }, c = 400, O = 403, R = 404, a = 409, i = 500, M = 502, B = 503, C = 504, D = "sm", I = "md", S = "lg", r = "min", d = "max";
18
+ export {
19
+ E as BACKSPACE,
20
+ c as BADREQUEST_ERROR_STATUS_CODE,
21
+ M as BAD_GATEWAY_ERROR_STATUS_CODE,
22
+ t as CLICK,
23
+ a as CONFLICT_ERROR_STATUS_CODE,
24
+ s as DANGER_BUTTON,
25
+ A as DELETE,
26
+ O as FORBIDDEN_ERROR_STATUS_CODE,
27
+ C as GATEWAY_TIMEOUT_STATUS_CODE,
28
+ i as INTERNAL_SERVER_ERROR_STATUS_CODE,
29
+ o as LABEL_BUTTON,
30
+ S as MODAL_LG,
31
+ d as MODAL_MAX,
32
+ I as MODAL_MD,
33
+ r as MODAL_MIN,
34
+ D as MODAL_SM,
35
+ R as NOTFOUND_ERROR_STATUS_CODE,
36
+ _ as PRIMARY_BUTTON,
37
+ N as SECONDARY_BUTTON,
38
+ B as SERVICE_UNAVAILABLE_ERROR_STATUS_CODE,
39
+ n as TAB,
40
+ T as TAB_SHIFT,
41
+ e as TERTIARY_BUTTON,
42
+ L as validation
43
+ };
44
+ //# sourceMappingURL=constants.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n"],"names":["BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX"],"mappings":"AAiBY,MAACA,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY;"}
@@ -0,0 +1,23 @@
1
+ export default FormActionButton;
2
+ declare function FormActionButton({ disabled, fields, fieldsPath, hidden, id, label, onClick }: {
3
+ disabled?: boolean;
4
+ fields: any;
5
+ fieldsPath: any;
6
+ hidden?: boolean;
7
+ id?: string;
8
+ label?: string;
9
+ onClick: any;
10
+ }, ref: any): JSX.Element;
11
+ declare namespace FormActionButton {
12
+ let displayName: string;
13
+ namespace propTypes {
14
+ let disabled: any;
15
+ let fields: any;
16
+ let fieldsPath: any;
17
+ let hidden: any;
18
+ let id: any;
19
+ let label: any;
20
+ let onClick: any;
21
+ }
22
+ }
23
+ //# sourceMappingURL=FormActionButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormActionButton.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/FormActionButton/FormActionButton.jsx"],"names":[],"mappings":";AAwBA;;;;;;;;0BA8BC"}
@@ -0,0 +1,43 @@
1
+ import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as u } from "react";
3
+ import o from "prop-types";
4
+ import b from "../../images/plus.svg.mjs";
5
+ let r = ({
6
+ disabled: s = !1,
7
+ fields: d,
8
+ fieldsPath: t,
9
+ hidden: a = !1,
10
+ id: i = "",
11
+ label: l = "Add new item",
12
+ onClick: m
13
+ }, f) => /* @__PURE__ */ n(c, { children: [
14
+ !a && /* @__PURE__ */ e("div", { className: "form-table__row form-table__action-row no-hover", children: /* @__PURE__ */ n(
15
+ "button",
16
+ {
17
+ "data-testid": i || `${t}-add-btn`,
18
+ onClick: (p) => m(p, d, t),
19
+ disabled: s,
20
+ children: [
21
+ /* @__PURE__ */ e(b, {}),
22
+ l
23
+ ]
24
+ }
25
+ ) }),
26
+ /* @__PURE__ */ e("span", { ref: f })
27
+ ] });
28
+ r = u(r);
29
+ r.displayName = "FormActionButton";
30
+ r.propTypes = {
31
+ disabled: o.bool,
32
+ fields: o.shape({}).isRequired,
33
+ fieldsPath: o.string.isRequired,
34
+ hidden: o.bool,
35
+ id: o.string,
36
+ label: o.string,
37
+ onClick: o.func.isRequired
38
+ };
39
+ const F = r;
40
+ export {
41
+ F as default
42
+ };
43
+ //# sourceMappingURL=FormActionButton.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormActionButton.mjs","sources":["../../../src/lib/elements/FormActionButton/FormActionButton.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport Plus from '../../images/plus.svg?react'\n\nlet FormActionButton = (\n {\n disabled = false,\n fields,\n fieldsPath,\n hidden = false,\n id = '',\n label = 'Add new item',\n onClick\n },\n ref\n) => {\n return (\n <>\n {!hidden && (\n <div className=\"form-table__row form-table__action-row no-hover\">\n <button\n data-testid={id ? id : `${fieldsPath}-add-btn`}\n onClick={event => onClick(event, fields, fieldsPath)}\n disabled={disabled}\n >\n <Plus />\n {label}\n </button>\n </div>\n )}\n {/*The tag `span` below is used as bottom point to scroll to if the new item is added to the list*/}\n <span ref={ref}></span>\n </>\n )\n}\n\nFormActionButton = forwardRef(FormActionButton)\n\nFormActionButton.displayName = 'FormActionButton'\n\nFormActionButton.propTypes = {\n disabled: PropTypes.bool,\n fields: PropTypes.shape({}).isRequired,\n fieldsPath: PropTypes.string.isRequired,\n hidden: PropTypes.bool,\n id: PropTypes.string,\n label: PropTypes.string,\n onClick: PropTypes.func.isRequired\n}\n\nexport default FormActionButton\n"],"names":["FormActionButton","disabled","fields","fieldsPath","hidden","id","label","onClick","ref","jsxs","Fragment","jsx","event","Plus","forwardRef","PropTypes","FormActionButton$1"],"mappings":";;;;AAwBA,IAAIA,IAAmB,CACrB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC;AACF,GACAC,MAIK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,CAACN,KACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,mDACb,UAAA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaJ,KAAU,GAAGF,CAAU;AAAA,MACpC,SAAS,CAAAS,MAASL,EAAQK,GAAOV,GAAQC,CAAU;AAAA,MACnD,UAAAF;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAU,EAACE,GAAK,EAAA;AAAA,QACLP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAGF,gBAAAK,EAAC,UAAK,KAAAH,EAAU,CAAA;AAAA,GAClB;AAIJR,IAAmBc,EAAWd,CAAgB;AAE9CA,EAAiB,cAAc;AAE/BA,EAAiB,YAAY;AAAA,EAC3B,UAAUe,EAAU;AAAA,EACpB,QAAQA,EAAU,MAAM,CAAA,CAAE,EAAE;AAAA,EAC5B,YAAYA,EAAU,OAAO;AAAA,EAC7B,QAAQA,EAAU;AAAA,EAClB,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU;AAAA,EACjB,SAASA,EAAU,KAAK;AAC1B;AAEA,MAAAC,IAAehB;"}
@@ -0,0 +1,27 @@
1
+ export default FormRowActions;
2
+ declare function FormRowActions({ applyChanges, deleteButtonIsHidden, deleteRow, disabled, discardOrDelete, editingItem, fieldsPath, hidden, index }: {
3
+ applyChanges: any;
4
+ deleteButtonIsHidden?: boolean;
5
+ deleteRow: any;
6
+ disabled?: boolean;
7
+ discardOrDelete: any;
8
+ editingItem?: any;
9
+ fieldsPath: any;
10
+ hidden?: boolean;
11
+ index: any;
12
+ }): JSX.Element;
13
+ declare namespace FormRowActions {
14
+ namespace propTypes {
15
+ export let applyChanges: any;
16
+ export let deleteButtonIsHidden: any;
17
+ export let deleteRow: any;
18
+ export let disabled: any;
19
+ export let discardOrDelete: any;
20
+ export { FORM_TABLE_EDITING_ITEM as editingItem };
21
+ export let fieldsPath: any;
22
+ export let hidden: any;
23
+ export let index: any;
24
+ }
25
+ }
26
+ import { FORM_TABLE_EDITING_ITEM } from '../../types';
27
+ //# sourceMappingURL=FormRowActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormRowActions.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/FormRowActions/FormRowActions.jsx"],"names":[],"mappings":";AA+BA;;;;;;;;;;gBAgEC;;;;;;;;;;;;;;wCAvEuC,aAAa"}
@@ -0,0 +1,87 @@
1
+ import { jsx as e, jsxs as s, Fragment as u } from "react/jsx-runtime";
2
+ import "react";
3
+ import l from "prop-types";
4
+ import c from "../../components/RoundedIcon/RoundedIcon.mjs";
5
+ import { FORM_TABLE_EDITING_ITEM as v } from "../../types.mjs";
6
+ import C from "../../images/close.svg.mjs";
7
+ import D from "../../images/edit.svg.mjs";
8
+ import m from "../../images/delete.svg.mjs";
9
+ import k from "../../images/checkmark2.svg.mjs";
10
+ const x = ({
11
+ applyChanges: h,
12
+ deleteButtonIsHidden: _ = !1,
13
+ deleteRow: b,
14
+ disabled: t = !1,
15
+ discardOrDelete: R,
16
+ editingItem: o = null,
17
+ fieldsPath: p,
18
+ hidden: T = !1,
19
+ index: i
20
+ }) => {
21
+ var a, n, d, f;
22
+ return T ? /* @__PURE__ */ e("div", { className: "form-table__cell form-table__actions-cell" }) : /* @__PURE__ */ s("div", { className: "form-table__cell form-table__actions-cell", children: [
23
+ ((a = o == null ? void 0 : o.ui) == null ? void 0 : a.index) === i && /* @__PURE__ */ s(u, { children: [
24
+ /* @__PURE__ */ e(
25
+ c,
26
+ {
27
+ id: "apply-btn",
28
+ onClick: (r) => h(r, i),
29
+ tooltipText: "Apply",
30
+ disabled: t,
31
+ children: /* @__PURE__ */ e(k, {})
32
+ }
33
+ ),
34
+ /* @__PURE__ */ e(
35
+ c,
36
+ {
37
+ id: "delete-discard-btn",
38
+ onClick: (r) => R(r, p, i),
39
+ tooltipText: (n = o.ui) != null && n.isNew ? "Delete" : "Discard changes",
40
+ disabled: t,
41
+ children: (d = o.ui) != null && d.isNew ? /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e(C, {})
42
+ }
43
+ )
44
+ ] }),
45
+ (!o || ((f = o == null ? void 0 : o.ui) == null ? void 0 : f.index) !== i) && /* @__PURE__ */ s(u, { children: [
46
+ /* @__PURE__ */ e(
47
+ c,
48
+ {
49
+ id: "edit-btn",
50
+ onClick: (r) => {
51
+ r.preventDefault();
52
+ },
53
+ tooltipText: "Edit",
54
+ disabled: t,
55
+ children: /* @__PURE__ */ e(D, {})
56
+ }
57
+ ),
58
+ !_ && /* @__PURE__ */ e(
59
+ c,
60
+ {
61
+ id: "delete-btn",
62
+ onClick: (r) => {
63
+ b(r, p, i);
64
+ },
65
+ tooltipText: "Delete",
66
+ disabled: t,
67
+ children: /* @__PURE__ */ e(m, {})
68
+ }
69
+ )
70
+ ] })
71
+ ] });
72
+ };
73
+ x.propTypes = {
74
+ applyChanges: l.func.isRequired,
75
+ deleteButtonIsHidden: l.bool,
76
+ deleteRow: l.func.isRequired,
77
+ disabled: l.bool,
78
+ discardOrDelete: l.func.isRequired,
79
+ editingItem: v,
80
+ fieldsPath: l.string.isRequired,
81
+ hidden: l.bool,
82
+ index: l.number.isRequired
83
+ };
84
+ export {
85
+ x as default
86
+ };
87
+ //# sourceMappingURL=FormRowActions.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormRowActions.mjs","sources":["../../../src/lib/elements/FormRowActions/FormRowActions.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport RoundedIcon from '../../components/RoundedIcon/RoundedIcon'\n\nimport { FORM_TABLE_EDITING_ITEM } from '../../types'\n\nimport Close from '../../images/close.svg?react'\nimport Edit from '../../images/edit.svg?react'\nimport Delete from '../../images/delete.svg?react'\nimport Checkmark from '../../images/checkmark2.svg?react'\n\nconst FormRowActions = ({\n applyChanges,\n deleteButtonIsHidden = false,\n deleteRow,\n disabled = false,\n discardOrDelete,\n editingItem = null,\n fieldsPath,\n hidden = false,\n index\n}) => {\n return hidden ? (\n <div className=\"form-table__cell form-table__actions-cell\" />\n ) : (\n <div className=\"form-table__cell form-table__actions-cell\">\n {editingItem?.ui?.index === index && (\n <>\n <RoundedIcon\n id=\"apply-btn\"\n onClick={event => applyChanges(event, index)}\n tooltipText=\"Apply\"\n disabled={disabled}\n >\n <Checkmark />\n </RoundedIcon>\n <RoundedIcon\n id=\"delete-discard-btn\"\n onClick={event => discardOrDelete(event, fieldsPath, index)}\n tooltipText={editingItem.ui?.isNew ? 'Delete' : 'Discard changes'}\n disabled={disabled}\n >\n {editingItem.ui?.isNew ? <Delete /> : <Close />}\n </RoundedIcon>\n </>\n )}\n {(!editingItem || editingItem?.ui?.index !== index) && (\n <>\n <RoundedIcon\n id=\"edit-btn\"\n onClick={event => {\n event.preventDefault()\n }}\n tooltipText=\"Edit\"\n disabled={disabled}\n >\n <Edit />\n </RoundedIcon>\n\n {!deleteButtonIsHidden && (\n <RoundedIcon\n id=\"delete-btn\"\n onClick={event => {\n deleteRow(event, fieldsPath, index)\n }}\n tooltipText=\"Delete\"\n disabled={disabled}\n >\n <Delete />\n </RoundedIcon>\n )}\n </>\n )}\n </div>\n )\n}\n\nFormRowActions.propTypes = {\n applyChanges: PropTypes.func.isRequired,\n deleteButtonIsHidden: PropTypes.bool,\n deleteRow: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n discardOrDelete: PropTypes.func.isRequired,\n editingItem: FORM_TABLE_EDITING_ITEM,\n fieldsPath: PropTypes.string.isRequired,\n hidden: PropTypes.bool,\n index: PropTypes.number.isRequired\n}\n\nexport default FormRowActions\n"],"names":["FormRowActions","applyChanges","deleteButtonIsHidden","deleteRow","disabled","discardOrDelete","editingItem","fieldsPath","hidden","index","jsxs","_a","Fragment","jsx","RoundedIcon","event","Checkmark","_b","Delete","Close","_d","Edit","PropTypes","FORM_TABLE_EDITING_ITEM"],"mappings":";;;;;;;;;AA+BA,MAAMA,IAAiB,CAAC;AAAA,EACtB,cAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AACF,MAAM;;AACG,SAAAD,sBACJ,OAAI,EAAA,WAAU,6CAA4C,IAE3D,gBAAAE,EAAC,OAAI,EAAA,WAAU,6CACZ,UAAA;AAAA,MAAaC,IAAAL,KAAA,gBAAAA,EAAA,OAAA,gBAAAK,EAAI,WAAUF,KAExB,gBAAAC,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,CAAAC,MAASd,EAAac,GAAON,CAAK;AAAA,UAC3C,aAAY;AAAA,UACZ,UAAAL;AAAA,UAEA,4BAACY,GAAU,CAAA,CAAA;AAAA,QAAA;AAAA,MACb;AAAA,MACA,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,CAAAC,MAASV,EAAgBU,GAAOR,GAAYE,CAAK;AAAA,UAC1D,cAAaQ,IAAAX,EAAY,OAAZ,QAAAW,EAAgB,QAAQ,WAAW;AAAA,UAChD,UAAAb;AAAA,UAEC,iBAAY,iBAAI,0BAASc,GAAO,EAAA,sBAAMC,GAAM,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACF;AAAA,KAEA,CAACb,OAAec,IAAAd,KAAA,gBAAAA,EAAa,OAAb,gBAAAc,EAAiB,WAAUX,MAEzC,gBAAAC,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,CAASC,MAAA;AAChB,YAAAA,EAAM,eAAe;AAAA,UACvB;AAAA,UACA,aAAY;AAAA,UACZ,UAAAX;AAAA,UAEA,4BAACiB,GAAK,CAAA,CAAA;AAAA,QAAA;AAAA,MACR;AAAA,MAEC,CAACnB,KACA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,CAASC,MAAA;AACN,YAAAZ,EAAAY,GAAOR,GAAYE,CAAK;AAAA,UACpC;AAAA,UACA,aAAY;AAAA,UACZ,UAAAL;AAAA,UAEA,4BAACc,GAAO,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAlB,EAAe,YAAY;AAAA,EACzB,cAAcsB,EAAU,KAAK;AAAA,EAC7B,sBAAsBA,EAAU;AAAA,EAChC,WAAWA,EAAU,KAAK;AAAA,EAC1B,UAAUA,EAAU;AAAA,EACpB,iBAAiBA,EAAU,KAAK;AAAA,EAChC,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,QAAQA,EAAU;AAAA,EAClB,OAAOA,EAAU,OAAO;AAC1B;"}
@@ -0,0 +1,18 @@
1
+ export default OptionsMenu;
2
+ declare function OptionsMenu({ children, show, timeout }: {
3
+ children?: any[];
4
+ show: any;
5
+ timeout?: number;
6
+ }, { refInputContainer, validationRulesRef }: {
7
+ refInputContainer: any;
8
+ validationRulesRef: any;
9
+ }): JSX.Element;
10
+ declare namespace OptionsMenu {
11
+ let displayName: string;
12
+ namespace propTypes {
13
+ let children: any;
14
+ let show: any;
15
+ let timeout: any;
16
+ }
17
+ }
18
+ //# sourceMappingURL=OptionsMenu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/OptionsMenu/OptionsMenu.jsx"],"names":[],"mappings":";AAwBA;;;;;;;gBAkCC"}
@@ -0,0 +1,47 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { useRef as u, forwardRef as d } from "react";
3
+ import i from "prop-types";
4
+ import { CSSTransition as a } from "react-transition-group";
5
+ import c from "../../components/PopUpDialog/PopUpDialog.mjs";
6
+ /* empty css */
7
+ let t = ({ children: r = [], show: n, timeout: m = 300 }, { refInputContainer: o, validationRulesRef: e }) => {
8
+ const { width: l } = o != null && o.current ? o.current.getBoundingClientRect() : {}, p = u(null);
9
+ return e ?? (e = p), /* @__PURE__ */ s(
10
+ a,
11
+ {
12
+ nodeRef: e,
13
+ in: n,
14
+ timeout: m,
15
+ classNames: "options-menu-transition",
16
+ unmountOnExit: !0,
17
+ children: /* @__PURE__ */ s(
18
+ c,
19
+ {
20
+ ref: e,
21
+ headerIsHidden: !0,
22
+ className: "options-menu",
23
+ customPosition: {
24
+ element: o,
25
+ position: "bottom-right",
26
+ autoVerticalPosition: !0,
27
+ autoHorizontalPosition: !0
28
+ },
29
+ style: { minWidth: `${l}px` },
30
+ children: /* @__PURE__ */ s("ul", { className: "options-menu__body", children: r })
31
+ }
32
+ )
33
+ }
34
+ );
35
+ };
36
+ t = d(t);
37
+ t.displayName = "OptionsMenu";
38
+ t.propTypes = {
39
+ children: i.arrayOf(i.element),
40
+ show: i.bool,
41
+ timeout: i.number
42
+ };
43
+ const g = t;
44
+ export {
45
+ g as default
46
+ };
47
+ //# sourceMappingURL=OptionsMenu.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionsMenu.mjs","sources":["../../../src/lib/elements/OptionsMenu/OptionsMenu.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\n\nimport PopUpDialog from '../../components/PopUpDialog/PopUpDialog'\n\nimport './optionsMenu.scss'\n\nlet OptionsMenu = (\n { children = [], show, timeout = 300 },\n { refInputContainer, validationRulesRef }\n) => {\n const { width: dropdownWidth } = refInputContainer?.current\n ? refInputContainer.current.getBoundingClientRect()\n : {}\n const internalValidationRulesRef = useRef(null)\n validationRulesRef ??= internalValidationRulesRef\n\n return (\n <CSSTransition\n nodeRef={validationRulesRef}\n in={show}\n timeout={timeout}\n classNames=\"options-menu-transition\"\n unmountOnExit\n >\n <PopUpDialog\n ref={validationRulesRef}\n headerIsHidden\n className=\"options-menu\"\n customPosition={{\n element: refInputContainer,\n position: 'bottom-right',\n autoVerticalPosition: true,\n autoHorizontalPosition: true\n }}\n style={{ minWidth: `${dropdownWidth}px` }}\n >\n <ul className=\"options-menu__body\">{children}</ul>\n </PopUpDialog>\n </CSSTransition>\n )\n}\n\nOptionsMenu = forwardRef(OptionsMenu)\n\nOptionsMenu.displayName = 'OptionsMenu'\n\nOptionsMenu.propTypes = {\n children: PropTypes.arrayOf(PropTypes.element),\n show: PropTypes.bool,\n timeout: PropTypes.number\n}\n\nexport default OptionsMenu\n"],"names":["OptionsMenu","children","show","timeout","refInputContainer","validationRulesRef","dropdownWidth","internalValidationRulesRef","useRef","jsx","CSSTransition","PopUpDialog","forwardRef","PropTypes","OptionsMenu$1"],"mappings":";;;;;;AAwBA,IAAIA,IAAc,CAChB,EAAE,UAAAC,IAAW,CAAA,GAAI,MAAAC,GAAM,SAAAC,IAAU,OACjC,EAAE,mBAAAC,GAAmB,oBAAAC,QAClB;AACG,QAAA,EAAE,OAAOC,EAAA,IAAkBF,KAAA,QAAAA,EAAmB,UAChDA,EAAkB,QAAQ,sBAAsB,IAChD,CAAC,GACCG,IAA6BC,EAAO,IAAI;AACvB,SAAAH,UAAAE,IAGrB,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,IAAIH;AAAA,MACJ,SAAAC;AAAA,MACA,YAAW;AAAA,MACX,eAAa;AAAA,MAEb,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKN;AAAA,UACL,gBAAc;AAAA,UACd,WAAU;AAAA,UACV,gBAAgB;AAAA,YACd,SAASD;AAAA,YACT,UAAU;AAAA,YACV,sBAAsB;AAAA,YACtB,wBAAwB;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,UAAU,GAAGE,CAAa,KAAK;AAAA,UAExC,UAAC,gBAAAG,EAAA,MAAA,EAAG,WAAU,sBAAsB,UAAAR,EAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EACF;AAEJ;AAEAD,IAAcY,EAAWZ,CAAW;AAEpCA,EAAY,cAAc;AAE1BA,EAAY,YAAY;AAAA,EACtB,UAAUa,EAAU,QAAQA,EAAU,OAAO;AAAA,EAC7C,MAAMA,EAAU;AAAA,EAChB,SAASA,EAAU;AACrB;AAEA,MAAAC,IAAed;"}
@@ -0,0 +1,20 @@
1
+ export default SelectOption;
2
+ declare function SelectOption({ item, name, onClick, multiple, selectedId, withSelectedIcon }: {
3
+ item: any;
4
+ name: any;
5
+ onClick?: () => void;
6
+ multiple?: boolean;
7
+ selectedId: any;
8
+ withSelectedIcon?: boolean;
9
+ }): JSX.Element;
10
+ declare namespace SelectOption {
11
+ namespace propTypes {
12
+ let name: any;
13
+ let item: any;
14
+ let onClick: any;
15
+ let multiple: any;
16
+ let selectedId: any;
17
+ let withSelectedIcon: any;
18
+ }
19
+ }
20
+ //# sourceMappingURL=SelectOption.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/SelectOption/SelectOption.jsx"],"names":[],"mappings":";AA8BA;;;;;;;gBAoEC"}
@@ -0,0 +1,84 @@
1
+ import { jsx as l, jsxs as a } from "react/jsx-runtime";
2
+ import "react";
3
+ import s from "prop-types";
4
+ import m from "classnames";
5
+ import u from "../../components/FormCheckBox/FormCheckBox.mjs";
6
+ import o from "../../components/Tooltip/Tooltip.mjs";
7
+ import i from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
8
+ import { SELECT_OPTION as h } from "../../types.mjs";
9
+ import f from "../../images/checkmark.svg.mjs";
10
+ /* empty css */
11
+ const N = ({
12
+ item: e,
13
+ name: r,
14
+ onClick: n = () => {
15
+ },
16
+ multiple: t = !1,
17
+ selectedId: p,
18
+ withSelectedIcon: b = !0
19
+ }) => {
20
+ var d;
21
+ const c = m(
22
+ "select__item",
23
+ t && "multiple",
24
+ e.hidden && "hidden",
25
+ e.disabled && "disabled"
26
+ );
27
+ return t ? /* @__PURE__ */ l("div", { "data-testid": "select-checkbox", className: c, children: /* @__PURE__ */ l(
28
+ u,
29
+ {
30
+ name: r,
31
+ value: e.id,
32
+ label: e.label,
33
+ disabled: e.disabled || !1,
34
+ children: e.status && /* @__PURE__ */ l("span", { className: `state-${e.status}-job status` })
35
+ }
36
+ ) }) : /* @__PURE__ */ l(
37
+ "li",
38
+ {
39
+ "data-testid": "select-option",
40
+ className: c,
41
+ onClick: () => {
42
+ !e.disabled && n(e.id);
43
+ },
44
+ "data-custom-id": e.id,
45
+ children: /* @__PURE__ */ a("div", { className: "label-row", children: [
46
+ /* @__PURE__ */ a("div", { className: "data-ellipsis select__item-label", children: [
47
+ /* @__PURE__ */ a("div", { className: "select__item-main-label", children: [
48
+ e.icon && /* @__PURE__ */ l("span", { "data-testid": "select-icon", className: "select__item-icon", children: e.icon }),
49
+ e.status && /* @__PURE__ */ l("span", { className: `state-${e.status}-job status` }),
50
+ /* @__PURE__ */ l(
51
+ o,
52
+ {
53
+ renderChildAsHtml: ((d = e.labelHtml) == null ? void 0 : d.length) > 0,
54
+ template: /* @__PURE__ */ l(i, { text: e.label }),
55
+ children: e.labelHtml ? e.labelHtml : e.label
56
+ }
57
+ )
58
+ ] }),
59
+ e.subLabel && /* @__PURE__ */ l(
60
+ o,
61
+ {
62
+ className: "select__item-sub-label",
63
+ template: /* @__PURE__ */ l(i, { text: e.subLabel }),
64
+ children: /* @__PURE__ */ l("span", { children: e.subLabel })
65
+ }
66
+ )
67
+ ] }),
68
+ b && e.id === p && /* @__PURE__ */ l(f, { className: "checkmark" })
69
+ ] })
70
+ }
71
+ );
72
+ };
73
+ N.propTypes = {
74
+ name: s.string.isRequired,
75
+ item: h.isRequired,
76
+ onClick: s.func,
77
+ multiple: s.bool,
78
+ selectedId: s.string,
79
+ withSelectedIcon: s.bool
80
+ };
81
+ export {
82
+ N as default
83
+ };
84
+ //# sourceMappingURL=SelectOption.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectOption.mjs","sources":["../../../src/lib/elements/SelectOption/SelectOption.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport FormCheckBox from '../../components/FormCheckBox/FormCheckBox'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { SELECT_OPTION } from '../../types'\n\nimport Checkmark from '../../images/checkmark.svg?react'\n\nimport './selectOption.scss'\n\nconst SelectOption = ({\n item,\n name,\n onClick = () => {},\n multiple = false,\n selectedId,\n withSelectedIcon = true\n}) => {\n const selectClassName = classnames(\n 'select__item',\n multiple && 'multiple',\n item.hidden && 'hidden',\n item.disabled && 'disabled'\n )\n\n if (multiple) {\n return (\n <div data-testid=\"select-checkbox\" className={selectClassName}>\n <FormCheckBox\n name={name}\n value={item.id}\n label={item.label}\n disabled={item.disabled || false}\n >\n {item.status && <span className={`state-${item.status}-job status`} />}\n </FormCheckBox>\n </div>\n )\n }\n\n return (\n <li\n data-testid=\"select-option\"\n className={selectClassName}\n onClick={() => {\n !item.disabled && onClick(item.id)\n }}\n data-custom-id={item.id}\n >\n <div className=\"label-row\">\n <div className=\"data-ellipsis select__item-label\">\n <div className=\"select__item-main-label\">\n {item.icon && (\n <span data-testid=\"select-icon\" className=\"select__item-icon\">\n {item.icon}\n </span>\n )}\n {item.status && <span className={`state-${item.status}-job status`} />}\n <Tooltip\n renderChildAsHtml={item.labelHtml?.length > 0}\n template={<TextTooltipTemplate text={item.label} />}\n >\n {item.labelHtml ? item.labelHtml : item.label}\n </Tooltip>\n </div>\n {item.subLabel && (\n <Tooltip\n className=\"select__item-sub-label\"\n template={<TextTooltipTemplate text={item.subLabel} />}\n >\n <span>{item.subLabel}</span>\n </Tooltip>\n )}\n </div>\n {withSelectedIcon && item.id === selectedId && <Checkmark className=\"checkmark\" />}\n </div>\n </li>\n )\n}\n\nSelectOption.propTypes = {\n name: PropTypes.string.isRequired,\n item: SELECT_OPTION.isRequired,\n onClick: PropTypes.func,\n multiple: PropTypes.bool,\n selectedId: PropTypes.string,\n withSelectedIcon: PropTypes.bool\n}\n\nexport default SelectOption\n"],"names":["SelectOption","item","name","onClick","multiple","selectedId","withSelectedIcon","selectClassName","classnames","jsx","FormCheckBox","jsxs","Tooltip","_a","TextTooltipTemplate","Checkmark","PropTypes","SELECT_OPTION"],"mappings":";;;;;;;;;;AA8BA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAM;;AACJ,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAJ,KAAY;AAAA,IACZH,EAAK,UAAU;AAAA,IACfA,EAAK,YAAY;AAAA,EACnB;AAEA,SAAIG,IAEC,gBAAAK,EAAA,OAAA,EAAI,eAAY,mBAAkB,WAAWF,GAC5C,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAR;AAAA,MACA,OAAOD,EAAK;AAAA,MACZ,OAAOA,EAAK;AAAA,MACZ,UAAUA,EAAK,YAAY;AAAA,MAE1B,UAAAA,EAAK,UAAW,gBAAAQ,EAAA,QAAA,EAAK,WAAW,SAASR,EAAK,MAAM,cAAe,CAAA;AAAA,IAAA;AAAA,EAAA,GAExE,IAKF,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWF;AAAA,MACX,SAAS,MAAM;AACb,SAACN,EAAK,YAAYE,EAAQF,EAAK,EAAE;AAAA,MACnC;AAAA,MACA,kBAAgBA,EAAK;AAAA,MAErB,UAAA,gBAAAU,EAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,YAAKV,EAAA,0BACH,QAAK,EAAA,eAAY,eAAc,WAAU,qBACvC,YAAK,KACR,CAAA;AAAA,YAEDA,EAAK,UAAW,gBAAAQ,EAAA,QAAA,EAAK,WAAW,SAASR,EAAK,MAAM,cAAe,CAAA;AAAA,YACpE,gBAAAQ;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,qBAAmBC,IAAAZ,EAAK,cAAL,gBAAAY,EAAgB,UAAS;AAAA,gBAC5C,UAAU,gBAAAJ,EAACK,GAAoB,EAAA,MAAMb,EAAK,OAAO;AAAA,gBAEhD,UAAKA,EAAA,YAAYA,EAAK,YAAYA,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1C,GACF;AAAA,UACCA,EAAK,YACJ,gBAAAQ;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAU,gBAAAH,EAACK,GAAoB,EAAA,MAAMb,EAAK,UAAU;AAAA,cAEpD,UAAA,gBAAAQ,EAAC,QAAM,EAAA,UAAAR,EAAK,SAAS,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,GAEJ;AAAA,QACCK,KAAoBL,EAAK,OAAOI,KAAe,gBAAAI,EAAAM,GAAA,EAAU,WAAU,YAAY,CAAA;AAAA,MAAA,EAClF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEAf,EAAa,YAAY;AAAA,EACvB,MAAMgB,EAAU,OAAO;AAAA,EACvB,MAAMC,EAAc;AAAA,EACpB,SAASD,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AAAA,EACtB,kBAAkBA,EAAU;AAC9B;"}
@@ -0,0 +1,12 @@
1
+ export default ValidationTemplate;
2
+ declare function ValidationTemplate({ valid, validationMessage }: {
3
+ valid: any;
4
+ validationMessage: any;
5
+ }): JSX.Element;
6
+ declare namespace ValidationTemplate {
7
+ namespace propTypes {
8
+ let valid: any;
9
+ let validationMessage: any;
10
+ }
11
+ }
12
+ //# sourceMappingURL=ValidationTemplate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ValidationTemplate.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/ValidationTemplate/ValidationTemplate.jsx"],"names":[],"mappings":";AAyBA;;;gBAeC"}
@@ -0,0 +1,22 @@
1
+ import { jsxs as e, jsx as i } from "react/jsx-runtime";
2
+ import "react";
3
+ import a from "prop-types";
4
+ import n from "classnames";
5
+ import l from "../../images/success_done.svg.mjs";
6
+ import r from "../../images/close.svg.mjs";
7
+ /* empty css */
8
+ const m = ({ valid: o, validationMessage: s }) => {
9
+ const t = n("validation-option", o && "text-muted");
10
+ return /* @__PURE__ */ e("li", { className: t, children: [
11
+ /* @__PURE__ */ i("i", { className: "validation-option__icon", children: o ? /* @__PURE__ */ i(l, { className: "validation-option__icon_valid" }) : /* @__PURE__ */ i(r, { className: "validation-option__icon_invalid" }) }),
12
+ /* @__PURE__ */ i("span", { children: s })
13
+ ] });
14
+ };
15
+ m.propTypes = {
16
+ valid: a.bool.isRequired,
17
+ validationMessage: a.string.isRequired
18
+ };
19
+ export {
20
+ m as default
21
+ };
22
+ //# sourceMappingURL=ValidationTemplate.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ValidationTemplate.mjs","sources":["../../../src/lib/elements/ValidationTemplate/ValidationTemplate.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Checkmark from '../../images/success_done.svg?react'\nimport Close from '../../images/close.svg?react'\n\nimport './ValidationTemplate.scss'\n\nconst ValidationTemplate = ({ valid, validationMessage }) => {\n const validationClasses = classnames('validation-option', valid && 'text-muted')\n\n return (\n <li className={validationClasses}>\n <i className=\"validation-option__icon\">\n {valid ? (\n <Checkmark className=\"validation-option__icon_valid\" />\n ) : (\n <Close className=\"validation-option__icon_invalid\" />\n )}\n </i>\n <span>{validationMessage}</span>\n </li>\n )\n}\n\nValidationTemplate.propTypes = {\n valid: PropTypes.bool.isRequired,\n validationMessage: PropTypes.string.isRequired\n}\n\nexport default ValidationTemplate\n"],"names":["ValidationTemplate","valid","validationMessage","validationClasses","classnames","jsxs","jsx","Checkmark","Close","PropTypes"],"mappings":";;;;;;;AAyBA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,mBAAAC,QAAwB;AAC3D,QAAMC,IAAoBC,EAAW,qBAAqBH,KAAS,YAAY;AAG7E,SAAA,gBAAAI,EAAC,MAAG,EAAA,WAAWF,GACb,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAE,EAAA,WAAU,2BACV,UAAAL,IACE,gBAAAK,EAAAC,GAAA,EAAU,WAAU,gCAAA,CAAgC,IAErD,gBAAAD,EAACE,GAAM,EAAA,WAAU,kCAAkC,CAAA,GAEvD;AAAA,IACA,gBAAAF,EAAC,UAAM,UAAkBJ,EAAA,CAAA;AAAA,EAAA,GAC3B;AAEJ;AAEAF,EAAmB,YAAY;AAAA,EAC7B,OAAOS,EAAU,KAAK;AAAA,EACtB,mBAAmBA,EAAU,OAAO;AACtC;"}