@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

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 (447) hide show
  1. package/AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_3fd2281b_lang.css +1 -0
  3. package/Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css +1 -0
  4. package/CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css +1 -0
  5. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_14dcdae5_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css +1 -0
  7. package/DataGridMenu.vue_vue_type_style_index_0_scoped_99f1dcca_lang.css +1 -0
  8. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c218ef1f_lang.css +1 -0
  9. package/Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css +1 -0
  10. package/DialogV4.vue_vue_type_style_index_0_scoped_c0c12287_lang.css +1 -0
  11. package/Dropdown.vue_vue_type_style_index_0_scoped_e8324d12_lang.css +1 -0
  12. package/DropdownV4.vue_vue_type_style_index_0_scoped_571b7c2f_lang.css +1 -0
  13. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  14. package/Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css +1 -0
  15. package/EditableV4.vue_vue_type_style_index_0_scoped_df325b51_lang.css +1 -0
  16. package/EmptyState.vue_vue_type_style_index_0_scoped_d3aecf34_lang.css +1 -0
  17. package/EmptyStateIcon.vue_vue_type_style_index_0_scoped_18855436_lang.css +1 -0
  18. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_b8373c2d_lang.css +1 -0
  19. package/ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css +1 -0
  20. package/FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css +1 -0
  21. package/FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css +1 -0
  22. package/FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css +1 -0
  23. package/FilterSearchInput.vue_vue_type_style_index_0_scoped_51006ea0_lang.css +1 -0
  24. package/FiltersPanel.vue_vue_type_style_index_0_scoped_9d2f3413_lang.css +1 -0
  25. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +1 -0
  26. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +1 -0
  27. package/IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css +1 -0
  28. package/IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css +1 -0
  29. package/IncludeExclude.vue_vue_type_style_index_0_scoped_2a01a791_lang.css +1 -0
  30. package/IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css +1 -0
  31. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css +1 -0
  32. package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css +1 -0
  33. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css +1 -0
  34. package/Input.vue_vue_type_style_index_0_scoped_7092804b_lang.css +1 -0
  35. package/Label.vue_vue_type_style_index_0_scoped_48e00c04_lang.css +1 -0
  36. package/MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css +1 -0
  37. package/MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css +1 -0
  38. package/Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_lang.css +1 -0
  39. package/OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css +1 -0
  40. package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +1 -0
  41. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css +1 -0
  42. package/RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css +1 -0
  43. package/RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css +1 -0
  44. package/ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css +1 -0
  45. package/SearchInput.vue_vue_type_style_index_0_scoped_b256f8ef_lang.css +1 -0
  46. package/SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css +1 -0
  47. package/Snackbar.vue_vue_type_style_index_0_scoped_cec4f8e5_lang.css +1 -0
  48. package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +1 -0
  49. package/SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css +1 -0
  50. package/SortOrderIcon.vue_vue_type_style_index_0_scoped_cb20f507_lang.css +1 -0
  51. package/Table.vue_vue_type_style_index_0_scoped_6b769df2_lang.css +1 -0
  52. package/TableHeaderSorter.vue_vue_type_style_index_0_scoped_745a44a2_lang.css +1 -0
  53. package/Tabs.vue_vue_type_style_index_0_scoped_06c58d5a_lang.css +1 -0
  54. package/TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css +1 -0
  55. package/TextField.vue_vue_type_style_index_0_scoped_d4dc4582_lang.css +1 -0
  56. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css +1 -0
  57. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_7792f772_lang.css +1 -0
  58. package/Toggle.vue_vue_type_style_index_0_scoped_1cf7973e_lang.css +1 -0
  59. package/Tooltip.vue_vue_type_style_index_0_lang.css +1 -1
  60. package/TooltipV4.vue_vue_type_style_index_0_lang.css +1 -0
  61. package/components/appTrigger/AppTrigger.vue.js +2 -2
  62. package/components/appTrigger/AppTrigger.vue2.js +3 -3
  63. package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +3 -3
  64. package/components/button/common/ButtonSuper.vue.d.ts +6 -6
  65. package/components/button/v3/Button.vue.d.ts +6 -6
  66. package/components/button/v3/ScrollButton.vue.js +3 -3
  67. package/components/button/v3/ScrollButton.vue2.js +3 -3
  68. package/components/button/v4/ButtonV4.vue.d.ts +11 -6
  69. package/components/button/v4/ButtonV4.vue.js +3 -3
  70. package/components/button/v4/ButtonV4.vue2.js +13 -10
  71. package/components/button/v4/IconButtonV4.vue.d.ts +66 -0
  72. package/components/button/v4/IconButtonV4.vue.js +7 -0
  73. package/components/button/v4/IconButtonV4.vue2.js +35 -0
  74. package/components/button/v4/index.d.ts +224 -18
  75. package/components/button/v4/index.js +6 -4
  76. package/components/checkbox/common/Checkbox.common.d.ts +11 -0
  77. package/components/checkbox/common/Checkbox.common.js +32 -0
  78. package/components/checkbox/v3/Checkbox.vue.js +7 -0
  79. package/components/checkbox/v3/Checkbox.vue2.js +99 -0
  80. package/components/checkbox/{icons → v3/icons}/checked.vue.js +1 -1
  81. package/components/checkbox/{icons → v3/icons}/indeterminate.vue.js +1 -1
  82. package/components/checkbox/{icons → v3/icons}/unchecked.vue.js +1 -1
  83. package/components/checkbox/v4/CheckboxV4.vue.d.ts +53 -0
  84. package/components/checkbox/v4/CheckboxV4.vue.js +7 -0
  85. package/components/checkbox/v4/CheckboxV4.vue2.js +107 -0
  86. package/components/checkbox/v4/icons/CheckedDisabledState.vue.js +38 -0
  87. package/components/checkbox/v4/icons/CheckedState.vue.js +38 -0
  88. package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js +40 -0
  89. package/components/checkbox/v4/icons/IndeterminateState.vue.d.ts +2 -0
  90. package/components/checkbox/v4/icons/IndeterminateState.vue.js +40 -0
  91. package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts +2 -0
  92. package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +31 -0
  93. package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +2 -0
  94. package/components/checkbox/v4/icons/UncheckedState.vue.js +31 -0
  95. package/components/checkbox/v4/index.d.ts +152 -0
  96. package/components/checkbox/v4/index.js +6 -0
  97. package/components/dialog/common/Dialog.common.d.ts +10 -0
  98. package/components/dialog/common/Dialog.common.js +57 -0
  99. package/components/dialog/{Dialog.vue.d.ts → v3/Dialog.vue.d.ts} +1 -1
  100. package/components/dialog/v3/Dialog.vue.js +7 -0
  101. package/components/dialog/v3/Dialog.vue2.js +137 -0
  102. package/components/dialog/{index.d.ts → v3/index.d.ts} +8 -8
  103. package/components/dialog/v3/index.js +8 -0
  104. package/components/dialog/v4/DialogV4.vue.d.ts +109 -0
  105. package/components/dialog/v4/DialogV4.vue.js +7 -0
  106. package/components/dialog/v4/DialogV4.vue2.js +119 -0
  107. package/components/dialog/v4/index.d.ts +345 -0
  108. package/components/dialog/{index.js → v4/index.js} +1 -1
  109. package/components/dropdown/common/Dropdown.common.js +15 -15
  110. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  111. package/components/dropdown/v3/Dropdown.vue.js +2 -2
  112. package/components/dropdown/v3/Dropdown.vue2.js +3 -3
  113. package/components/dropdown/v3/Label.vue.js +7 -0
  114. package/components/dropdown/{common → v3}/Label.vue2.js +2 -2
  115. package/components/dropdown/v3/Option.vue.js +7 -0
  116. package/components/dropdown/{common → v3}/Option.vue2.js +3 -3
  117. package/components/dropdown/{common → v3}/SearchInput.vue.js +2 -2
  118. package/components/dropdown/{common → v3}/SearchInput.vue2.js +2 -2
  119. package/components/dropdown/v3/index.d.ts +43 -43
  120. package/components/dropdown/v3/index.js +3 -3
  121. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +66 -0
  122. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +7 -0
  123. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +73 -0
  124. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  125. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +36 -35
  126. package/components/dropdown/v4/Dropdown.types.d.ts +3 -0
  127. package/components/dropdown/v4/Dropdown.types.js +8 -0
  128. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -20
  129. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  130. package/components/dropdown/v4/DropdownV4.vue2.js +222 -186
  131. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +29 -0
  132. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +7 -0
  133. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +19 -0
  134. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  135. package/components/dropdown/v4/OptionV4.vue2.js +2 -2
  136. package/components/dropdown/v4/index.d.ts +190 -115
  137. package/components/dropdown/v4/index.js +14 -4
  138. package/components/emptyState/v3/EmptyState.vue.d.ts +93 -0
  139. package/components/emptyState/v3/EmptyState.vue.js +7 -0
  140. package/components/emptyState/{EmptyState.vue2.js → v3/EmptyState.vue2.js} +7 -7
  141. package/components/emptyState/v3/EmptyStateIcon.vue.d.ts +2 -0
  142. package/components/emptyState/{EmptyStateIcon.vue.js → v3/EmptyStateIcon.vue.js} +8 -8
  143. package/components/emptyState/v3/index.d.ts +288 -0
  144. package/components/emptyState/v4/EmptyStateV4.types.d.ts +2 -0
  145. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +56 -0
  146. package/components/emptyState/v4/EmptyStateV4.vue.js +7 -0
  147. package/components/emptyState/v4/EmptyStateV4.vue2.js +66 -0
  148. package/components/emptyState/v4/icons/IconError.vue.d.ts +2 -0
  149. package/components/emptyState/v4/icons/IconError.vue.js +16 -0
  150. package/components/emptyState/v4/icons/IconFiles.vue.d.ts +2 -0
  151. package/components/emptyState/v4/icons/IconFiles.vue.js +16 -0
  152. package/components/emptyState/v4/icons/IconNoAccess.vue.d.ts +2 -0
  153. package/components/emptyState/v4/icons/IconNoAccess.vue.js +16 -0
  154. package/components/emptyState/v4/icons/IconNoData.vue.d.ts +2 -0
  155. package/components/emptyState/v4/icons/IconNoData.vue.js +16 -0
  156. package/components/emptyState/v4/icons/IconNoResults.vue.d.ts +2 -0
  157. package/components/emptyState/v4/icons/IconNoResults.vue.js +16 -0
  158. package/components/emptyState/v4/icons/IconSettings.vue.d.ts +2 -0
  159. package/components/emptyState/v4/icons/IconSettings.vue.js +16 -0
  160. package/components/emptyState/v4/index.d.ts +145 -0
  161. package/components/emptyState/v4/index.js +6 -0
  162. package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
  163. package/components/filterDropdown/FilterDropdown.vue.js +2 -2
  164. package/components/filterDropdown/FilterDropdown.vue2.js +4 -4
  165. package/components/filterDropdown/index.d.ts +2 -2
  166. package/components/filtersPanel/v3/FilterSearchInput.vue.d.ts +2 -0
  167. package/components/filtersPanel/v3/FilterSearchInput.vue.js +7 -0
  168. package/components/filtersPanel/{FilterSearchInput.vue2.js → v3/FilterSearchInput.vue2.js} +6 -6
  169. package/components/filtersPanel/v3/FiltersPanel.vue.js +7 -0
  170. package/components/filtersPanel/{FiltersPanel.vue2.js → v3/FiltersPanel.vue2.js} +1 -1
  171. package/components/filtersPanel/v4/FiltersPanelV4.vue.d.ts +44 -0
  172. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +7 -0
  173. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +23 -0
  174. package/components/filtersPanel/v4/index.d.ts +101 -0
  175. package/components/filtersPanel/v4/index.js +6 -0
  176. package/components/filtersPanel/v4/storyConsts.d.ts +20 -0
  177. package/components/icon/icons/FiltersSearch.vue.d.ts +2 -0
  178. package/components/icon/v3/icons/index.d.ts +3 -0
  179. package/components/icon/v3/icons/index.js +3 -0
  180. package/components/icon/v3/index.d.ts +3 -0
  181. package/components/icon/v4/Icon.types.d.ts +2 -0
  182. package/components/icon/v4/IconV4.vue.d.ts +3 -3
  183. package/components/icon/v4/IconV4.vue.js +4 -4
  184. package/components/icon/v4/IconV4.vue2.js +27 -24
  185. package/components/icon/v4/index.d.ts +7 -7
  186. package/components/includeExclude/IncludeExclude.vue.d.ts +1 -1
  187. package/components/includeExclude/IncludeExclude.vue.js +3 -3
  188. package/components/includeExclude/IncludeExclude.vue2.js +3 -3
  189. package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +3 -3
  190. package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +3 -3
  191. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +1 -1
  192. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
  193. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +3 -3
  194. package/components/includeExclude/IncludeExcludeOption.vue.js +2 -2
  195. package/components/includeExclude/IncludeExcludeOption.vue2.js +4 -4
  196. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +3 -3
  197. package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +3 -3
  198. package/components/includeExclude/index.d.ts +40 -40
  199. package/components/input/common/Input.common.d.ts +1 -1
  200. package/components/input/common/Input.common.js +2 -2
  201. package/components/input/v3/Input.vue.js +2 -2
  202. package/components/input/v3/Input.vue2.js +3 -3
  203. package/components/input/v4/TextField.vue.d.ts +8 -3
  204. package/components/input/v4/TextField.vue.js +3 -3
  205. package/components/input/v4/TextField.vue2.js +81 -74
  206. package/components/input/v4/index.d.ts +27 -8
  207. package/components/menu/Menu.vue.d.ts +1 -1
  208. package/components/menu/index.d.ts +20 -20
  209. package/components/multibar/MultiBar.types.d.ts +6 -0
  210. package/components/multibar/MultiBar.vue.d.ts +65 -0
  211. package/components/multibar/MultiBar.vue.js +7 -0
  212. package/components/multibar/MultiBar.vue2.js +96 -0
  213. package/components/multibar/MultiBarMenu.vue.d.ts +34 -0
  214. package/components/multibar/MultiBarMenu.vue.js +7 -0
  215. package/components/multibar/MultiBarMenu.vue2.js +50 -0
  216. package/components/multibar/index.d.ts +77 -0
  217. package/components/multibar/index.js +6 -0
  218. package/components/popover/index.d.ts +16 -16
  219. package/components/radioButton/common/radioGroup.common.d.ts +3 -0
  220. package/components/radioButton/common/radioGroup.common.js +26 -0
  221. package/components/radioButton/v3/RadioButton.vue.js +7 -0
  222. package/components/radioButton/v3/RadioButton.vue2.js +79 -0
  223. package/components/radioButton/v3/RadioGroup.vue.js +7 -0
  224. package/components/radioButton/v3/RadioGroup.vue2.js +29 -0
  225. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +59 -0
  226. package/components/radioButton/v4/RadioButtonV4.vue.js +7 -0
  227. package/components/radioButton/v4/RadioButtonV4.vue2.js +67 -0
  228. package/components/radioButton/v4/RadioGroupV4.vue.d.ts +61 -0
  229. package/components/radioButton/v4/RadioGroupV4.vue.js +7 -0
  230. package/components/radioButton/v4/RadioGroupV4.vue2.js +29 -0
  231. package/components/radioButton/v4/index.d.ts +334 -0
  232. package/components/radioButton/v4/index.js +8 -0
  233. package/components/search/v4/SearchV4.vue.js +2 -2
  234. package/components/search/v4/SearchV4.vue2.js +29 -32
  235. package/components/shared/FieldHelpText.vue.js +3 -3
  236. package/components/shared/FieldHelpText.vue2.js +21 -25
  237. package/components/shared/FieldLabel.vue.d.ts +1 -1
  238. package/components/shared/FieldLabel.vue.js +3 -3
  239. package/components/shared/FieldLabel.vue2.js +31 -35
  240. package/components/snackbar/common/notify.d.ts +3 -0
  241. package/components/snackbar/common/notify.js +82 -0
  242. package/components/snackbar/common/snackbar.common.d.ts +11 -0
  243. package/components/snackbar/common/snackbar.common.js +51 -0
  244. package/components/snackbar/v3/Snackbar.vue.js +7 -0
  245. package/components/snackbar/v3/Snackbar.vue2.js +129 -0
  246. package/components/snackbar/v3/index.d.ts +3 -0
  247. package/components/snackbar/v3/index.js +10 -0
  248. package/components/snackbar/v4/SnackbarV4.vue.d.ts +186 -0
  249. package/components/snackbar/v4/SnackbarV4.vue.js +7 -0
  250. package/components/snackbar/v4/SnackbarV4.vue2.js +137 -0
  251. package/components/snackbar/v4/index.d.ts +4 -0
  252. package/components/snackbar/v4/index.js +11 -0
  253. package/components/table/common/Table.common.d.ts +35 -0
  254. package/components/table/common/Table.common.js +114 -0
  255. package/components/table/{Table.types.d.ts → common/Table.types.d.ts} +7 -0
  256. package/components/table/v3/SortOrderIcon.vue.d.ts +2 -0
  257. package/components/table/v3/SortOrderIcon.vue.js +21 -0
  258. package/components/table/{Table.vue.d.ts → v3/Table.vue.d.ts} +2 -3
  259. package/components/table/v3/Table.vue.js +7 -0
  260. package/components/table/v3/Table.vue2.js +248 -0
  261. package/components/table/v3/TableHeaderSorter.vue.js +7 -0
  262. package/components/table/{TableHeaderSorter.vue2.js → v3/TableHeaderSorter.vue2.js} +1 -1
  263. package/components/table/{index.d.ts → v3/index.d.ts} +49 -49
  264. package/components/table/v3/index.js +10 -0
  265. package/components/table/v4/DataGrid.vue.d.ts +182 -0
  266. package/components/table/v4/DataGrid.vue.js +7 -0
  267. package/components/table/v4/DataGrid.vue2.js +295 -0
  268. package/components/table/v4/DataGridMenu.vue.d.ts +34 -0
  269. package/components/table/v4/DataGridMenu.vue.js +7 -0
  270. package/components/table/v4/DataGridMenu.vue2.js +50 -0
  271. package/components/table/v4/ExpandRowToggle.vue.d.ts +33 -0
  272. package/components/table/v4/ExpandRowToggle.vue.js +7 -0
  273. package/components/table/v4/ExpandRowToggle.vue2.js +24 -0
  274. package/components/table/v4/SortIcon.vue.d.ts +15 -0
  275. package/components/table/v4/SortIcon.vue.js +7 -0
  276. package/components/table/v4/SortIcon.vue2.js +24 -0
  277. package/components/table/v4/index.d.ts +601 -0
  278. package/components/table/v4/index.js +8 -0
  279. package/components/table/v4/storyUtils.d.ts +4 -0
  280. package/components/table-cells/common/Editable.common.d.ts +5 -0
  281. package/components/table-cells/common/Editable.common.js +39 -0
  282. package/components/table-cells/v3/Editable.vue.js +7 -0
  283. package/components/table-cells/v3/Editable.vue2.js +43 -0
  284. package/components/table-cells/{index.d.ts → v3/index.d.ts} +2 -2
  285. package/components/table-cells/{index.js → v3/index.js} +2 -2
  286. package/components/table-cells/v4/EditableV4.vue.d.ts +51 -0
  287. package/components/table-cells/v4/EditableV4.vue.js +7 -0
  288. package/components/table-cells/v4/EditableV4.vue2.js +45 -0
  289. package/components/table-cells/v4/index.d.ts +146 -0
  290. package/components/table-cells/v4/index.js +6 -0
  291. package/components/tabs/common/Tabs.types.d.ts +6 -0
  292. package/components/tabs/common/tabsCommon.d.ts +16 -0
  293. package/components/tabs/common/tabsCommon.js +43 -0
  294. package/components/tabs/{Tabs.vue.d.ts → v3/Tabs.vue.d.ts} +1 -6
  295. package/components/tabs/v3/Tabs.vue.js +7 -0
  296. package/components/tabs/v3/Tabs.vue2.js +85 -0
  297. package/components/tabs/{index.d.ts → v3/index.d.ts} +8 -48
  298. package/components/tabs/v4/TabsV4.vue.d.ts +56 -0
  299. package/components/tabs/v4/TabsV4.vue.js +7 -0
  300. package/components/tabs/v4/TabsV4.vue2.js +75 -0
  301. package/components/tabs/v4/index.d.ts +148 -0
  302. package/components/tabs/v4/index.js +6 -0
  303. package/components/toggle/v3/Toggle.vue.js +7 -0
  304. package/components/toggle/{Toggle.vue2.js → v3/Toggle.vue2.js} +17 -17
  305. package/components/toggle/v4/ToggleV4.vue.d.ts +98 -0
  306. package/components/tooltip/common/Tooltip.common.d.ts +3 -0
  307. package/components/tooltip/common/Tooltip.common.js +27 -0
  308. package/components/tooltip/v3/TextWithTitleContent.vue.js +7 -0
  309. package/components/tooltip/{TextWithTitleContent.vue2.js → v3/TextWithTitleContent.vue2.js} +4 -4
  310. package/components/tooltip/v3/Tooltip.vue.js +5 -0
  311. package/components/tooltip/v3/Tooltip.vue2.js +87 -0
  312. package/components/tooltip/{index.js → v3/index.js} +2 -2
  313. package/components/tooltip/v4/TextWithTitleContent.vue.d.ts +33 -0
  314. package/components/tooltip/v4/TextWithTitleContent.vue.js +7 -0
  315. package/components/tooltip/v4/TextWithTitleContent.vue2.js +36 -0
  316. package/components/tooltip/v4/TooltipV4.vue.d.ts +85 -0
  317. package/components/tooltip/v4/TooltipV4.vue.js +67 -0
  318. package/components/tooltip/v4/TooltipV4.vue2.js +0 -0
  319. package/components/tooltip/v4/TooltipV4.vue3.js +4 -0
  320. package/components/tooltip/v4/index.d.ts +249 -0
  321. package/components/tooltip/v4/index.js +6 -0
  322. package/index.d.ts +6197 -412
  323. package/index.js +155 -165
  324. package/package.json +94 -33
  325. package/testids/index.d.ts +19 -3
  326. package/testids/index.js +21 -20
  327. package/utils/storybook-utils.d.ts +1 -0
  328. package/utils/string.d.ts +2 -0
  329. package/utils/string.js +5 -0
  330. package/AppTrigger.vue_vue_type_style_index_0_scoped_512ac1ab_lang.css +0 -1
  331. package/ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css +0 -1
  332. package/Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css +0 -1
  333. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_4cbcfcce_lang.css +0 -1
  334. package/Dialog.vue_vue_type_style_index_0_scoped_40b833a0_lang.css +0 -1
  335. package/Dropdown.vue_vue_type_style_index_0_scoped_0114904e_lang.css +0 -1
  336. package/DropdownV4.vue_vue_type_style_index_0_scoped_34bd23a1_lang.css +0 -1
  337. package/Editable.vue_vue_type_style_index_0_scoped_3b865286_lang.css +0 -1
  338. package/EmptyState.vue_vue_type_style_index_0_scoped_f082a371_lang.css +0 -1
  339. package/EmptyStateIcon.vue_vue_type_style_index_0_scoped_f4915249_lang.css +0 -1
  340. package/FieldHelpText.vue_vue_type_style_index_0_scoped_d5507827_lang.css +0 -1
  341. package/FieldLabel.vue_vue_type_style_index_0_scoped_90f19704_lang.css +0 -1
  342. package/FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css +0 -1
  343. package/FilterSearchInput.vue_vue_type_style_index_0_scoped_9198bf4e_lang.css +0 -1
  344. package/FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css +0 -1
  345. package/IconV4.vue_vue_type_style_index_0_scoped_f23078a4_lang.css +0 -1
  346. package/IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css +0 -1
  347. package/IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_1621ad67_lang.css +0 -1
  348. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_daccb4bb_lang.css +0 -1
  349. package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_18847008_lang.css +0 -1
  350. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_df79f184_lang.css +0 -1
  351. package/Input.vue_vue_type_style_index_0_scoped_79f436f9_lang.css +0 -1
  352. package/Label.vue_vue_type_style_index_0_scoped_5faaafce_lang.css +0 -1
  353. package/Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css +0 -1
  354. package/OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css +0 -1
  355. package/RadioButton.vue_vue_type_style_index_0_scoped_f5d3359c_lang.css +0 -1
  356. package/RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css +0 -1
  357. package/ScrollButton.vue_vue_type_style_index_0_scoped_90bacbbc_lang.css +0 -1
  358. package/SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css +0 -1
  359. package/SearchV4.vue_vue_type_style_index_0_scoped_63f11472_lang.css +0 -1
  360. package/Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css +0 -1
  361. package/SortOrderIcon.vue_vue_type_style_index_0_scoped_eaa4d6ee_lang.css +0 -1
  362. package/Table.vue_vue_type_style_index_0_scoped_096d493a_lang.css +0 -1
  363. package/TableHeaderSorter.vue_vue_type_style_index_0_scoped_350aa9f0_lang.css +0 -1
  364. package/Tabs.vue_vue_type_style_index_0_scoped_e92a7c21_lang.css +0 -1
  365. package/TextField.vue_vue_type_style_index_0_scoped_7aa32734_lang.css +0 -1
  366. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_7da6e1ca_lang.css +0 -1
  367. package/Toggle.vue_vue_type_style_index_0_scoped_d97166d1_lang.css +0 -1
  368. package/components/checkbox/Checkbox.vue.js +0 -7
  369. package/components/checkbox/Checkbox.vue2.js +0 -97
  370. package/components/dialog/Dialog.vue.js +0 -7
  371. package/components/dialog/Dialog.vue2.js +0 -178
  372. package/components/dropdown/common/Label.vue.js +0 -7
  373. package/components/dropdown/common/Option.vue.js +0 -7
  374. package/components/emptyState/EmptyState.vue.d.ts +0 -93
  375. package/components/emptyState/EmptyState.vue.js +0 -7
  376. package/components/emptyState/index.d.ts +0 -288
  377. package/components/filtersPanel/FilterSearchInput.vue.js +0 -7
  378. package/components/filtersPanel/FiltersPanel.vue.js +0 -7
  379. package/components/radioButton/RadioButton.vue.js +0 -7
  380. package/components/radioButton/RadioButton.vue2.js +0 -82
  381. package/components/radioButton/RadioGroup.vue.js +0 -7
  382. package/components/radioButton/RadioGroup.vue2.js +0 -44
  383. package/components/snackbar/Snackbar.vue.js +0 -7
  384. package/components/snackbar/Snackbar.vue2.js +0 -150
  385. package/components/snackbar/index.d.ts +0 -3
  386. package/components/snackbar/index.js +0 -6
  387. package/components/snackbar/notify.js +0 -84
  388. package/components/table/SortOrderIcon.vue.js +0 -21
  389. package/components/table/Table.vue.js +0 -7
  390. package/components/table/Table.vue2.js +0 -298
  391. package/components/table/TableHeaderSorter.vue.js +0 -7
  392. package/components/table/index.js +0 -8
  393. package/components/table-cells/Editable.vue.js +0 -7
  394. package/components/table-cells/Editable.vue2.js +0 -66
  395. package/components/tabs/Tabs.vue.js +0 -7
  396. package/components/tabs/Tabs.vue2.js +0 -96
  397. package/components/toggle/Toggle.vue.js +0 -7
  398. package/components/tooltip/TextWithTitleContent.vue.js +0 -7
  399. package/components/tooltip/Tooltip.vue.js +0 -84
  400. package/components/tooltip/Tooltip.vue2.js +0 -5
  401. /package/components/checkbox/{Checkbox.vue.d.ts → v3/Checkbox.vue.d.ts} +0 -0
  402. /package/components/checkbox/{icons → v3/icons}/checked.vue.d.ts +0 -0
  403. /package/components/checkbox/{icons → v3/icons}/indeterminate.vue.d.ts +0 -0
  404. /package/components/checkbox/{icons → v3/icons}/unchecked.vue.d.ts +0 -0
  405. /package/components/checkbox/{index.d.ts → v3/index.d.ts} +0 -0
  406. /package/components/checkbox/{index.js → v3/index.js} +0 -0
  407. /package/components/{emptyState/EmptyStateIcon.vue.d.ts → checkbox/v4/icons/CheckedDisabledState.vue.d.ts} +0 -0
  408. /package/components/{filtersPanel/FilterSearchInput.vue.d.ts → checkbox/v4/icons/CheckedState.vue.d.ts} +0 -0
  409. /package/components/{table/SortOrderIcon.vue.d.ts → checkbox/v4/icons/IndeterminateDisabledState.vue.d.ts} +0 -0
  410. /package/components/dialog/{Reason.d.ts → common/Reason.d.ts} +0 -0
  411. /package/components/dialog/{Reason.js → common/Reason.js} +0 -0
  412. /package/components/dropdown/{common → v3}/Label.vue.d.ts +0 -0
  413. /package/components/dropdown/{common → v3}/Option.vue.d.ts +0 -0
  414. /package/components/dropdown/{common → v3}/SearchInput.vue.d.ts +0 -0
  415. /package/components/emptyState/{EmptyStateIcon.vue2.js → v3/EmptyStateIcon.vue2.js} +0 -0
  416. /package/components/emptyState/{index.js → v3/index.js} +0 -0
  417. /package/components/filtersPanel/{Filter.d.ts → v3/Filter.d.ts} +0 -0
  418. /package/components/filtersPanel/{index.d.ts → v3/index.d.ts} +0 -0
  419. /package/components/filtersPanel/{index.js → v3/index.js} +0 -0
  420. /package/components/filtersPanel/{useHiddenFilter.d.ts → v3/useHiddenFilter.d.ts} +0 -0
  421. /package/components/filtersPanel/{useHiddenFilter.js → v3/useHiddenFilter.js} +0 -0
  422. /package/components/radioButton/{useRadio.d.ts → common/useRadio.d.ts} +0 -0
  423. /package/components/radioButton/{useRadio.js → common/useRadio.js} +0 -0
  424. /package/components/radioButton/{RadioButton.vue.d.ts → v3/RadioButton.vue.d.ts} +0 -0
  425. /package/components/radioButton/{RadioGroup.vue.d.ts → v3/RadioGroup.vue.d.ts} +0 -0
  426. /package/components/radioButton/{index.d.ts → v3/index.d.ts} +0 -0
  427. /package/components/radioButton/{index.js → v3/index.js} +0 -0
  428. /package/components/snackbar/{notify.d.ts → common/notify_old.d.ts} +0 -0
  429. /package/components/snackbar/{snackbar.types.d.ts → common/snackbar.types.d.ts} +0 -0
  430. /package/components/snackbar/{snackbar.types.js → common/snackbar.types.js} +0 -0
  431. /package/components/snackbar/{Snackbar.vue.d.ts → v3/Snackbar.vue.d.ts} +0 -0
  432. /package/components/table/{TableContext.d.ts → common/TableContext.d.ts} +0 -0
  433. /package/components/table/{TableContext.js → common/TableContext.js} +0 -0
  434. /package/components/table/{SortOrderIcon.vue2.js → v3/SortOrderIcon.vue2.js} +0 -0
  435. /package/components/table/{TableHeaderSorter.vue.d.ts → v3/TableHeaderSorter.vue.d.ts} +0 -0
  436. /package/components/table/{codeTemplate.d.ts → v3/codeTemplate.d.ts} +0 -0
  437. /package/components/table-cells/{EditableContext.d.ts → common/EditableContext.d.ts} +0 -0
  438. /package/components/table-cells/{EditableContext.js → common/EditableContext.js} +0 -0
  439. /package/components/table-cells/{Editable.vue.d.ts → v3/Editable.vue.d.ts} +0 -0
  440. /package/components/tabs/{index.js → v3/index.js} +0 -0
  441. /package/components/toggle/{Toggle.vue.d.ts → v3/Toggle.vue.d.ts} +0 -0
  442. /package/components/toggle/{index.d.ts → v3/index.d.ts} +0 -0
  443. /package/components/toggle/{index.js → v3/index.js} +0 -0
  444. /package/components/tooltip/{Tooltip.types.d.ts → common/Tooltip.types.d.ts} +0 -0
  445. /package/components/tooltip/{TextWithTitleContent.vue.d.ts → v3/TextWithTitleContent.vue.d.ts} +0 -0
  446. /package/components/tooltip/{Tooltip.vue.d.ts → v3/Tooltip.vue.d.ts} +0 -0
  447. /package/components/tooltip/{index.d.ts → v3/index.d.ts} +0 -0
@@ -1,150 +0,0 @@
1
- import "../../Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css"; import { defineComponent as H, ref as N, computed as l, onMounted as V, openBlock as s, createBlock as r, Transition as $, withCtx as a, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as B, createElementBlock as M, createVNode as f, resolveDynamicComponent as U, createCommentVNode as y, renderSlot as W, createTextVNode as A, toDisplayString as F, vShow as w, withModifiers as K } from "vue";
2
- import { useEventListener as P, useTimeoutFn as j } from "@vueuse/core";
3
- import x from "../icon/v3/Icon.vue.js";
4
- import L from "../icon/v3/icons/Close.vue.js";
5
- import q from "../icon/v3/icons/Check.vue.js";
6
- import "../button/v3/Button.vue.js";
7
- import G from "../button/v3/IconButton.vue.js";
8
- import "../button/v3/ScrollButton.vue.js";
9
- import S from "../typography/Text.vue.js";
10
- const J = ["id"], O = { class: "container" }, Q = { class: "texts" }, R = ["innerHTML"], ie = /* @__PURE__ */ H({
11
- __name: "Snackbar",
12
- props: {
13
- customClass: null,
14
- dangerouslyUseHTMLString: { type: Boolean },
15
- duration: { default: 3e3 },
16
- icon: null,
17
- id: null,
18
- message: null,
19
- offset: null,
20
- onClick: null,
21
- onClose: null,
22
- type: { default: null },
23
- position: { default: "top-right" },
24
- showClose: { type: Boolean, default: !0 },
25
- title: { default: "" },
26
- zIndex: { default: 0 }
27
- },
28
- emits: ["destroy"],
29
- setup(e) {
30
- const t = e, v = {
31
- success: q,
32
- error: L
33
- }, i = N(!1);
34
- let C;
35
- const k = l(() => {
36
- const o = t.type;
37
- return o && v[t.type] ? o : "";
38
- }), p = l(() => v[t.type] || t.icon || ""), b = l(
39
- () => t.position.endsWith("right") ? "right" : "left"
40
- ), I = l(
41
- () => t.position.startsWith("top") ? "top" : "bottom"
42
- ), D = l(() => ({
43
- [I.value]: `${t.offset}px`,
44
- zIndex: t.zIndex
45
- }));
46
- function d() {
47
- t.duration > 0 && ({ stop: C } = j(() => {
48
- i.value && m();
49
- }, t.duration));
50
- }
51
- function g() {
52
- C?.();
53
- }
54
- function m() {
55
- i.value = !1;
56
- }
57
- function E({ code: o }) {
58
- o === "Delete" || o === "Backspace" ? g() : o === "Escape" ? i.value && m() : d();
59
- }
60
- return V(() => {
61
- d(), i.value = !0;
62
- }), P(document, "keydown", E), (o, u) => (s(), r($, {
63
- name: "snackbar",
64
- onBeforeLeave: e.onClose,
65
- onAfterLeave: u[1] || (u[1] = (h) => o.$emit("destroy"))
66
- }, {
67
- default: a(() => [
68
- z(c("div", {
69
- id: e.id,
70
- class: T(["snackbar", [e.customClass, n(b)]]),
71
- style: B(n(D)),
72
- role: "alert",
73
- onMouseenter: g,
74
- onMouseleave: d,
75
- onClick: u[0] || (u[0] = //@ts-ignore
76
- (...h) => e.onClick && e.onClick(...h))
77
- }, [
78
- n(p) ? (s(), M("div", {
79
- key: 0,
80
- class: T(["start-icon-container", [n(k)]])
81
- }, [
82
- f(n(x), {
83
- "font-size": n(k) ? "sm" : "lg"
84
- }, {
85
- default: a(() => [
86
- (s(), r(U(n(p))))
87
- ]),
88
- _: 1
89
- }, 8, ["font-size"])
90
- ], 2)) : y("", !0),
91
- c("div", O, [
92
- c("div", Q, [
93
- e.title ? (s(), r(S, {
94
- key: 0,
95
- size: "md",
96
- strong: "",
97
- class: "title"
98
- })) : y("", !0),
99
- z(c("div", {
100
- class: "message",
101
- style: B(e.title ? void 0 : { margin: 0 })
102
- }, [
103
- W(o.$slots, "default", {}, () => [
104
- e.dangerouslyUseHTMLString ? (s(), M("div", {
105
- key: 1,
106
- innerHTML: e.message
107
- }, null, 8, R)) : (s(), r(S, {
108
- key: 0,
109
- size: "sm"
110
- }, {
111
- default: a(() => [
112
- A(F(e.message), 1)
113
- ]),
114
- _: 1
115
- }))
116
- ], !0)
117
- ], 4), [
118
- [w, e.message]
119
- ])
120
- ]),
121
- e.showClose ? (s(), r(n(G), {
122
- key: 0,
123
- theme: "third",
124
- size: "sm",
125
- class: "snackbar-close-button",
126
- variant: "colorized",
127
- onClick: K(m, ["stop"])
128
- }, {
129
- default: a(() => [
130
- f(n(x), null, {
131
- default: a(() => [
132
- f(L)
133
- ]),
134
- _: 1
135
- })
136
- ]),
137
- _: 1
138
- }, 8, ["onClick"])) : y("", !0)
139
- ])
140
- ], 46, J), [
141
- [w, i.value]
142
- ])
143
- ]),
144
- _: 3
145
- }, 8, ["onBeforeLeave"]));
146
- }
147
- });
148
- export {
149
- ie as default
150
- };
@@ -1,3 +0,0 @@
1
- export declare const Snackbar: import("./snackbar.types").Notify;
2
- export default Snackbar;
3
- export * from './snackbar.types';
@@ -1,6 +0,0 @@
1
- import o from "./notify.js";
2
- const a = o;
3
- export {
4
- a as Snackbar,
5
- a as default
6
- };
@@ -1,84 +0,0 @@
1
- import { isVNode as x, createVNode as y, render as v } from "vue";
2
- import b from "./Snackbar.vue.js";
3
- import { snackbarTypes as I } from "./snackbar.types.js";
4
- const p = {
5
- "top-left": [],
6
- "top-right": [],
7
- "bottom-left": [],
8
- "bottom-right": []
9
- }, g = 16;
10
- let C = 1;
11
- const N = 2e3, a = function(e = {}, t = null) {
12
- (typeof e == "string" || x(e)) && (e = { message: e });
13
- const o = e.position || "top-right";
14
- let n = e.zIndex || N, s = p[o].reduce(
15
- (m, { vm: h }) => m + (h.el?.offsetHeight || 0) + g,
16
- e.offset || 0
17
- );
18
- s += g;
19
- const i = () => n++, d = `notification_${C++}`, u = e.onClose, l = {
20
- ...e,
21
- zIndex: i(),
22
- offset: s,
23
- id: d,
24
- onClose: () => {
25
- A(d, o, u);
26
- }
27
- }, c = document.body, f = document.createElement("div"), r = y(
28
- b,
29
- l,
30
- x(l.message) ? {
31
- default: () => l.message
32
- } : null
33
- );
34
- return r.appContext = t ?? a._context, r.props.onDestroy = () => {
35
- v(null, f);
36
- }, v(r, f), p[o].push({ vm: r }), c.appendChild(f?.firstElementChild), {
37
- // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
38
- // for out component, so that all closing steps will not be skipped.
39
- close: () => {
40
- const m = r.component?.proxy;
41
- m && (m.visible = !1);
42
- }
43
- };
44
- };
45
- function A(e, t, o) {
46
- const n = p[t], s = n.findIndex(
47
- ({ vm: c }) => c.component?.props.id === e
48
- );
49
- if (s === -1)
50
- return;
51
- const { vm: i } = n[s];
52
- if (!i)
53
- return;
54
- o?.(i);
55
- const d = i.el?.offsetHeight, u = t.split("-")[0];
56
- n.splice(s, 1);
57
- const l = n.length;
58
- for (let c = s; c < l; c++) {
59
- const { el: f, component: r } = n[c].vm;
60
- r.props.offset = Number.parseInt(f.style[u], 10) - d - g;
61
- }
62
- }
63
- I.forEach((e) => {
64
- a[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
65
- message: t
66
- }), a({
67
- ...t,
68
- type: e
69
- }));
70
- });
71
- function E() {
72
- for (const e of Object.values(p))
73
- e.forEach(({ vm: t }) => {
74
- const o = t.component?.proxy;
75
- o && (o.visible = !1);
76
- });
77
- }
78
- a.closeAll = E;
79
- a._context = null;
80
- export {
81
- A as close,
82
- E as closeAll,
83
- a as default
84
- };
@@ -1,21 +0,0 @@
1
- import { openBlock as o, createElementBlock as t, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
2
- /* empty css */import d from "../../_virtual/_plugin-vue_export-helper.js";
3
- const s = {}, _ = (e) => (c("data-v-eaa4d6ee"), e = e(), r(), e), a = {
4
- width: "8",
5
- height: "4",
6
- viewBox: "0 0 8 4",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- }, p = /* @__PURE__ */ _(() => /* @__PURE__ */ n("path", {
10
- d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
11
- fill: "currentColor"
12
- }, null, -1)), i = [
13
- p
14
- ];
15
- function l(e, h) {
16
- return o(), t("svg", a, i);
17
- }
18
- const u = /* @__PURE__ */ d(s, [["render", l], ["__scopeId", "data-v-eaa4d6ee"]]);
19
- export {
20
- u as default
21
- };
@@ -1,7 +0,0 @@
1
- import o from "./Table.vue2.js";
2
- /* empty css *//* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Table.vue_vue_type_style_index_0_scoped_096d493a_lang.css"; //*');
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-096d493a"]]);
5
- export {
6
- a as default
7
- };
@@ -1,298 +0,0 @@
1
- import "../../Table.vue_vue_type_style_index_0_scoped_096d493a_lang.css"; import { defineComponent as Q, useCssVars as U, unref as i, ref as w, provide as X, computed as S, useSlots as Z, onMounted as p, openBlock as a, createElementBlock as r, createElementVNode as u, normalizeStyle as v, normalizeClass as c, renderSlot as f, createVNode as g, withCtx as C, createTextVNode as R, toDisplayString as B, createCommentVNode as A, Fragment as E, renderList as I, createBlock as _, mergeProps as tt, withDirectives as et, vShow as st } from "vue";
2
- import "../typography/Heading.vue.js";
3
- import L from "../typography/Text.vue.js";
4
- import "../button/v3/Button.vue.js";
5
- import "../button/v3/IconButton.vue.js";
6
- import it from "../button/v3/ScrollButton.vue.js";
7
- import ot from "../skeleton/Skeleton.vue.js";
8
- import lt from "../emptyState/EmptyState.vue.js";
9
- import at from "./TableHeaderSorter.vue.js";
10
- import { useVirtualList as rt, useInfiniteScroll as nt } from "@vueuse/core";
11
- import { TableContext as dt } from "./TableContext.js";
12
- import { TableTestIdModifiers as h } from "../../testids/index.js";
13
- const ut = ["data-testid"], ct = ["data-testid"], ft = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["data-testid"], gt = ["data-testid"], mt = ["onClick"], vt = { class: "table-head-container" }, $t = ["data-testid"], kt = ["onMouseenter"], Tt = { key: 1 }, bt = { key: 1 }, xt = /* @__PURE__ */ Q({
14
- __name: "Table",
15
- props: {
16
- title: null,
17
- columns: null,
18
- rows: null,
19
- sections: { default: null },
20
- sort: null,
21
- isSticky: { type: Boolean, default: !0 },
22
- isStickyHeader: { type: Boolean, default: !1 },
23
- isLoading: { type: Boolean, default: !1 },
24
- emptyStateTitle: { default: "No results found" },
25
- emptyStateSubtitle: { default: "Try again with different filters" },
26
- isInfiniteScroll: { type: Boolean, default: !1 },
27
- infiniteScrollThreshold: { default: 100 },
28
- rowHeight: { type: [Number, Function], default: 48 },
29
- loadingRowCount: { default: 3 },
30
- defaultScrollPosition: { default: null },
31
- testId: { default: "" }
32
- },
33
- emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
34
- setup(s, { emit: $ }) {
35
- const o = s;
36
- U((e) => ({
37
- "1d573854": i(N)
38
- }));
39
- const m = w([]);
40
- X(dt, {
41
- onClose({ rowIndex: e, cellIndex: l, value: t } = {}) {
42
- t && (m.value = [...m.value, e], $("saveRow", {
43
- rowIndex: e,
44
- cellIndex: l,
45
- value: t,
46
- confirm: () => {
47
- m.value = m.value.filter((d) => d !== e);
48
- }
49
- }));
50
- }
51
- });
52
- const N = S(() => o.columns.reduce((e, l) => {
53
- if (l === o.columns[o.columns.length - 1] && l.width)
54
- return `${e} minmax(${l.width}px, 1fr)`;
55
- const t = l.width ? `${l.width}px` : `${l.colSpan || 1}fr`;
56
- return `${e} ${t}`;
57
- }, "")), k = w(null), O = S(() => Array(o.loadingRowCount).fill(
58
- Array(o.columns.length).fill("")
59
- )), x = S(() => o.isLoading ? [...o.rows, ...O.value] : o.rows), { list: T, containerProps: y, wrapperProps: M } = rt(x, {
60
- itemHeight: o.rowHeight
61
- }), z = w(null), P = w(0), V = Z(), D = S(() => !!V.search), F = (e) => {
62
- y.onScroll(), P.value = e.target.scrollLeft + e.target.getBoundingClientRect().width, $("onScroll", e.target.scrollTop);
63
- };
64
- p(() => {
65
- P.value = y.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
66
- y.ref?.value?.scrollTo({
67
- top: o.defaultScrollPosition,
68
- behavior: "smooth"
69
- });
70
- }, 300);
71
- });
72
- const Y = S(() => {
73
- const [e] = T.value;
74
- return e && e.index > 0;
75
- }), G = S(() => y.style), H = S(() => o.columns.reduce((e, l) => (l.isSticky && (e[l.id] = q(l)), e), {}));
76
- nt(
77
- y.ref,
78
- () => {
79
- o.isInfiniteScroll && $("loadMore");
80
- },
81
- { distance: o.infiniteScrollThreshold }
82
- );
83
- function W() {
84
- y.ref.value?.scrollTo({
85
- top: 0,
86
- behavior: "smooth"
87
- });
88
- }
89
- function j(e) {
90
- const l = o.sort.sortBy === e.id;
91
- if (!(e.isSortable || e.isSortable === void 0))
92
- return;
93
- let d = o.sort.sortOrder, n = o.sort.sortBy;
94
- l ? d = o.sort.sortOrder === "asc" ? "desc" : "asc" : n = e.id, $("update:sort", { sortBy: n, sortOrder: d });
95
- }
96
- function q(e) {
97
- const { isSticky: l, width: t } = e;
98
- if (!l || !t)
99
- return null;
100
- const d = o.columns.findIndex((b) => b.id === e.id);
101
- return {
102
- left: `${o.columns.reduce((b, J, K) => K < d ? b + J.width : b, 0)}px`,
103
- zIndex: 1
104
- };
105
- }
106
- return (e, l) => (a(), r("div", {
107
- class: "table-container",
108
- "data-testid": `${s.testId}-${i(h).CONTAINER}`,
109
- onMouseleave: l[0] || (l[0] = (t) => k.value = null)
110
- }, [
111
- u("table", {
112
- ref: i(y).ref,
113
- style: v(i(G)),
114
- "data-testid": `${s.testId}-${i(h).TABLE}`,
115
- onScrollPassive: F
116
- }, [
117
- s.title || e.$slots.search ? (a(), r("div", {
118
- key: 0,
119
- class: c(["table-header", { isStickyHeader: s.isStickyHeader }]),
120
- "data-testid": `${s.testId}-${i(h).HEADER}`
121
- }, [
122
- u("div", {
123
- class: c(["table-title", i(D) ? "border-search" : ""]),
124
- "data-testid": `${s.testId}-${i(h).TITLE}`
125
- }, [
126
- f(e.$slots, "title", {}, () => [
127
- g(i(L), {
128
- size: "md",
129
- strong: ""
130
- }, {
131
- default: C(() => [
132
- R(B(s.title), 1)
133
- ]),
134
- _: 1
135
- })
136
- ], !0)
137
- ], 10, ht),
138
- u("div", {
139
- class: "table-header-right",
140
- "data-testid": `${s.testId}-${i(h).HEADER_RIGHT}`
141
- }, [
142
- f(e.$slots, "search", {}, void 0, !0)
143
- ], 8, yt),
144
- u("div", {
145
- class: "table-header-actions",
146
- "data-testid": `${s.testId}-${i(h).ACTIONS}`
147
- }, [
148
- f(e.$slots, "table-header-actions", {}, void 0, !0)
149
- ], 8, St)
150
- ], 10, ft)) : A("", !0),
151
- u("thead", {
152
- class: c({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
153
- }, [
154
- u("div", {
155
- class: "sections",
156
- "data-testid": `${s.testId}-${i(h).SECTIONS}`
157
- }, [
158
- (a(!0), r(E, null, I(s.sections, (t) => (a(), r("div", {
159
- key: t.id,
160
- class: c(["section-container", { sticky: t.isSticky }])
161
- }, [
162
- f(e.$slots, `section-${t.id}`, {}, () => [
163
- u("div", {
164
- style: v({ width: t.width + "px" }),
165
- class: c({ section: !0 })
166
- }, [
167
- g(i(L), { size: "xs" }, {
168
- default: C(() => [
169
- R(B(t.title), 1)
170
- ]),
171
- _: 2
172
- }, 1024)
173
- ], 4)
174
- ], !0)
175
- ], 2))), 128))
176
- ], 8, gt),
177
- u("tr", null, [
178
- (a(!0), r(E, null, I(s.columns, (t) => (a(), r("th", {
179
- key: t.id,
180
- class: c({
181
- sticky: t.isSticky,
182
- bordered: t.isBordered,
183
- isTextRight: t.isTextRight,
184
- isSortable: t.isSortable
185
- }),
186
- style: v(t.isSticky ? i(H)[t.id] : null),
187
- onClick: (d) => j(t)
188
- }, [
189
- u("div", vt, [
190
- f(e.$slots, `header-${t.id}`, { column: t }, () => [
191
- g(i(L), {
192
- size: "sm",
193
- strong: "",
194
- "is-truncated": !1
195
- }, {
196
- default: C(() => [
197
- R(B(t.title), 1)
198
- ]),
199
- _: 2
200
- }, 1024)
201
- ], !0),
202
- t.id === s.sort.sortBy ? (a(), _(at, {
203
- key: 0,
204
- class: "table-head-sorter",
205
- "sort-order": s.sort.sortOrder
206
- }, null, 8, ["sort-order"])) : A("", !0)
207
- ])
208
- ], 14, mt))), 128))
209
- ])
210
- ], 2),
211
- u("tbody", null, [
212
- i(T).length > 0 ? (a(), r("div", tt({
213
- key: 0,
214
- class: "table-body-wrapper",
215
- "data-testid": `${s.testId}-${i(h).BODY_WRAPPER}`
216
- }, i(M)), [
217
- (a(!0), r(E, null, I(i(T), (t) => (a(), r("tr", {
218
- key: t.index,
219
- class: c(["table-row", {
220
- loading: s.isLoading || s.isLoading && !t.data || m.value.includes(t.index),
221
- active: k.value === t.index
222
- }]),
223
- onMouseenter: (d) => k.value = t.index
224
- }, [
225
- et(u("div", {
226
- ref_for: !0,
227
- ref_key: "floatingActionRef",
228
- ref: z,
229
- style: v({ left: P.value + "px" }),
230
- class: "floating-actions"
231
- }, [
232
- f(e.$slots, "floating-actions", { row: t }, void 0, !0)
233
- ], 4), [
234
- [
235
- st,
236
- e.$slots["floating-actions"] && k.value === t.index && !s.isLoading
237
- ]
238
- ]),
239
- (a(!0), r(E, null, I(t.data, (d, n) => (a(), r("td", {
240
- key: n,
241
- class: c({
242
- sticky: s.columns[n].isSticky,
243
- bordered: s.columns[n].isBordered,
244
- isTextRight: s.columns[n].isTextRight
245
- }),
246
- style: v(
247
- s.columns[n].isSticky ? i(H)[s.columns[n].id] : null
248
- )
249
- }, [
250
- !s.isLoading || s.isLoading && d ? (a(), r("div", {
251
- key: 0,
252
- class: c({
253
- last: n === t.data.length - 1,
254
- "table-cell": !0,
255
- floating: e.$slots["floating-actions"]
256
- })
257
- }, [
258
- f(e.$slots, `cell-${s.columns[n].id}`, {
259
- cell: d,
260
- isLoading: m.value.includes(t.index),
261
- cellIndex: n,
262
- row: t,
263
- rowIndex: t.index
264
- }, () => [
265
- g(i(L), { size: "sm" }, {
266
- default: C(() => [
267
- R(B(d), 1)
268
- ]),
269
- _: 2
270
- }, 1024)
271
- ], !0)
272
- ], 2)) : f(e.$slots, "loader", { key: 1 }, () => [
273
- g(i(ot), { round: "" })
274
- ], !0)
275
- ], 6))), 128))
276
- ], 42, kt))), 128))
277
- ], 16, $t)) : (a(), r("div", Tt, [
278
- f(e.$slots, "empty-state", {}, () => [
279
- g(i(lt), {
280
- title: s.emptyStateTitle,
281
- subtitle: s.emptyStateSubtitle,
282
- "test-id": `${s.testId}-${i(h).EMPTY_STATE}`
283
- }, null, 8, ["title", "subtitle", "test-id"])
284
- ], !0)
285
- ]))
286
- ]),
287
- i(T).length > 0 ? (a(), r("tfoot", bt)) : A("", !0)
288
- ], 44, ct),
289
- g(i(it), {
290
- show: i(Y),
291
- onScrolled: W
292
- }, null, 8, ["show"])
293
- ], 40, ut));
294
- }
295
- });
296
- export {
297
- xt as default
298
- };
@@ -1,7 +0,0 @@
1
- import e from "./TableHeaderSorter.vue2.js";
2
- /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_350aa9f0_lang.css"; //*');
4
- const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-350aa9f0"]]);
5
- export {
6
- t as default
7
- };
@@ -1,8 +0,0 @@
1
- import o from "./Table.vue.js";
2
- import { TableContext as e } from "./TableContext.js";
3
- const m = () => [o, e];
4
- export {
5
- o as Table,
6
- e as TableContext,
7
- m as TableTypes
8
- };
@@ -1,7 +0,0 @@
1
- import o from "./Editable.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Editable.vue_vue_type_style_index_0_scoped_3b865286_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3b865286"]]);
5
- export {
6
- p as default
7
- };
@@ -1,66 +0,0 @@
1
- import "../../Editable.vue_vue_type_style_index_0_scoped_3b865286_lang.css"; import { defineComponent as v, ref as n, provide as p, openBlock as u, createElementBlock as c, createElementVNode as m, renderSlot as d, createVNode as x, withCtx as C, createTextVNode as b, toDisplayString as E } from "vue";
2
- import _ from "../typography/Text.vue.js";
3
- import { EditableContext as g } from "./EditableContext.js";
4
- import { onClickOutside as k } from "@vueuse/core";
5
- import { useTableContext as y } from "../table/TableContext.js";
6
- const I = { class: "editable-container" }, h = {
7
- key: 1,
8
- class: "editable-content"
9
- }, S = /* @__PURE__ */ v({
10
- __name: "Editable",
11
- props: {
12
- cell: { default: "" },
13
- isEditing: { type: Boolean, default: !1 },
14
- validateFunction: { type: Function, default: () => !1 },
15
- isLoading: { type: Boolean, default: !1 },
16
- rowIndex: null,
17
- cellIndex: null
18
- },
19
- setup(r) {
20
- const l = r, t = n(!1), o = n(l.cell), i = n(null), s = y("Editable"), a = n(null);
21
- p(g, {
22
- focusable: !0,
23
- value: o,
24
- error: a,
25
- confirmable: !0,
26
- onChange(e) {
27
- o.value = e, a.value = l.validateFunction?.(o.value);
28
- },
29
- onClose: () => {
30
- const e = l.validateFunction?.(o.value);
31
- a.value = e, !e && (s.onClose({
32
- rowIndex: l.rowIndex,
33
- cellIndex: l.cellIndex,
34
- value: o.value
35
- }), t.value = !1);
36
- }
37
- });
38
- const f = () => {
39
- t.value || (t.value = !t.value);
40
- };
41
- return k(i, () => {
42
- t.value = !1, s.onClose();
43
- }), (e, w) => (u(), c("div", {
44
- ref_key: "target",
45
- ref: i,
46
- class: "container",
47
- onClick: f
48
- }, [
49
- m("div", I, [
50
- t.value ? d(e.$slots, "input", { key: 0 }, void 0, !0) : (u(), c("div", h, [
51
- d(e.$slots, "content", {}, () => [
52
- x(_, { size: "sm" }, {
53
- default: C(() => [
54
- b(E(r.cell), 1)
55
- ]),
56
- _: 1
57
- })
58
- ], !0)
59
- ]))
60
- ])
61
- ], 512));
62
- }
63
- });
64
- export {
65
- S as default
66
- };
@@ -1,7 +0,0 @@
1
- import o from "./Tabs.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Tabs.vue_vue_type_style_index_0_scoped_e92a7c21_lang.css"; //*');
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e92a7c21"]]);
5
- export {
6
- a as default
7
- };