@wix/patterns 1.392.0 → 1.394.0

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 (319) hide show
  1. package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
  2. package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
  3. package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
  4. package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
  5. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  6. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
  7. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
  8. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  9. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
  10. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  11. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  12. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
  13. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
  14. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  15. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
  16. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  17. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  18. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  19. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  20. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  21. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  22. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  23. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  24. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  25. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  26. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  27. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  28. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  29. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  30. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  31. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  32. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  33. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  34. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  35. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  36. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  37. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
  38. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  39. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  40. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  41. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
  42. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  43. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  44. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  45. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  46. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  47. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  48. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  49. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  50. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  51. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  52. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  53. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  54. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  55. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  56. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  57. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  58. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  59. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  60. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  61. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  62. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  63. package/dist/cjs/components/FieldActions/HeaderActionsPopover.js +27 -13
  64. package/dist/cjs/components/FieldActions/HeaderActionsPopover.js.map +1 -1
  65. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  66. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  67. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  68. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  69. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  70. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  71. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  72. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  73. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  74. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  75. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  76. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  77. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  78. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  79. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  80. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  81. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  82. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  83. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  84. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  85. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  86. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  87. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  88. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  89. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  90. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  91. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  92. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  93. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  94. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  95. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  96. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  97. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  98. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  99. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
  100. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  101. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js +51 -30
  102. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js.map +1 -1
  103. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  104. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  105. package/dist/cjs/components/TagsFilter/TagsFilter.js +34 -11
  106. package/dist/cjs/components/TagsFilter/TagsFilter.js.map +1 -1
  107. package/dist/cjs/components/TagsWidget/TagsWidgetContent.js +24 -14
  108. package/dist/cjs/components/TagsWidget/TagsWidgetContent.js.map +1 -1
  109. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  110. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  111. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  112. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  113. package/dist/cjs/components/common.st.css.js +4 -4
  114. package/dist/cjs/components/common.st.css.js.map +1 -1
  115. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  116. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  117. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  118. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  119. package/dist/cjs/state/TagsModalState.js +1 -1
  120. package/dist/cjs/state/TagsModalState.js.map +1 -1
  121. package/dist/cjs/styles.global.css +1 -1
  122. package/dist/cjs/test-utils/TagsMocks.js +8 -6
  123. package/dist/cjs/test-utils/TagsMocks.js.map +1 -1
  124. package/dist/cjs/version.js +1 -1
  125. package/dist/cjs/version.js.map +1 -1
  126. package/dist/docs/MultiAutoInlineCheckboxFilter.md +1 -1
  127. package/dist/docs/MultiInlineCheckboxFilter.md +1 -1
  128. package/dist/docs/index.json +22 -22
  129. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  130. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  131. package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
  132. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  133. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  134. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  135. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  136. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  137. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  138. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  139. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  140. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  141. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  142. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  143. package/dist/esm/components/DragHandle/DragHandle.st.css.js.map +1 -1
  144. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  145. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  146. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  147. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  148. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  149. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  150. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  151. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  152. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  153. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  154. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  155. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  156. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  157. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  158. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  159. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  160. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  161. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  162. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  163. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  164. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  165. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  166. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  167. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  168. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  169. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  170. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  171. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  172. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  173. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  174. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  175. package/dist/esm/components/FieldActions/HeaderActionsPopover.js +6 -3
  176. package/dist/esm/components/FieldActions/HeaderActionsPopover.js.map +1 -1
  177. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  178. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
  179. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  180. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  181. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  182. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  183. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  184. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  185. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  186. package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
  187. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  188. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  189. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  190. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  191. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  192. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  193. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  194. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  195. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  196. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  197. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  198. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  199. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  200. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  201. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  202. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
  203. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  204. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js +13 -4
  205. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js.map +1 -1
  206. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  207. package/dist/esm/components/TagsFilter/TagsFilter.js +45 -26
  208. package/dist/esm/components/TagsFilter/TagsFilter.js.map +1 -1
  209. package/dist/esm/components/TagsWidget/TagsWidgetContent.js +6 -1
  210. package/dist/esm/components/TagsWidget/TagsWidgetContent.js.map +1 -1
  211. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  212. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  213. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  214. package/dist/esm/components/common.st.css.js +2 -2
  215. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  216. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  217. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  218. package/dist/esm/state/TagsModalState.js +1 -1
  219. package/dist/esm/state/TagsModalState.js.map +1 -1
  220. package/dist/esm/styles.global.css +1 -1
  221. package/dist/esm/test-utils/TagsMocks.js +4 -2
  222. package/dist/esm/test-utils/TagsMocks.js.map +1 -1
  223. package/dist/esm/version.js +1 -1
  224. package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
  225. package/dist/types/components/CollectionSectionHeader/CollectionSectionHeader.st.css.d.ts.map +1 -1
  226. package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
  227. package/dist/types/components/DragHandle/DragHandle.st.css.d.ts.map +1 -1
  228. package/dist/types/components/EditableTable/cellTypes/CellViewLayout.st.css.d.ts.map +1 -1
  229. package/dist/types/components/EditableTable/cellTypes/boolean/Edit.st.css.d.ts.map +1 -1
  230. package/dist/types/components/EditableTable/cellTypes/boolean/View.st.css.d.ts.map +1 -1
  231. package/dist/types/components/EditableTable/cellTypes/date/Edit.st.css.d.ts.map +1 -1
  232. package/dist/types/components/EditableTable/cellTypes/date/View.st.css.d.ts.map +1 -1
  233. package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts.map +1 -1
  234. package/dist/types/components/EditableTable/cellTypes/number/Edit.st.css.d.ts.map +1 -1
  235. package/dist/types/components/EditableTable/cellTypes/object/View.st.css.d.ts.map +1 -1
  236. package/dist/types/components/EditableTable/cellTypes/select/Edit.st.css.d.ts.map +1 -1
  237. package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
  238. package/dist/types/components/EditableTable/cellTypes/url/Edit.st.css.d.ts.map +1 -1
  239. package/dist/types/components/FieldActions/HeaderActionsPopover.d.ts.map +1 -1
  240. package/dist/types/components/ImportButton/ImportStepUpload.st.css.d.ts.map +1 -1
  241. package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
  242. package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
  243. package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
  244. package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
  245. package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
  246. package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
  247. package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
  248. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
  249. package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.d.ts.map +1 -1
  250. package/dist/types/components/TagsFilter/TagsFilter.d.ts.map +1 -1
  251. package/dist/types/components/TagsWidget/TagsWidgetContent.d.ts.map +1 -1
  252. package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
  253. package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
  254. package/dist/types/test-utils/TagsMocks.d.ts.map +1 -1
  255. package/dist/types/version.d.ts +1 -1
  256. package/package.json +6 -6
  257. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  258. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  259. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  260. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  261. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  262. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  263. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  264. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  265. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  266. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  267. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  268. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  269. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  270. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  271. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  272. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  273. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  274. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  275. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  276. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  277. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  278. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  279. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  280. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  281. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  282. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  283. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  284. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  285. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  286. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  287. package/src/components/Fade/Fade.st.css.ts +2 -2
  288. package/src/components/FieldActions/HeaderActionsPopover.tsx +29 -21
  289. package/src/components/Heading/Heading.st.css.ts +2 -2
  290. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  291. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  292. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  293. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  294. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  295. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  296. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  297. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  298. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  299. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  300. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  301. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  302. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  303. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  304. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  305. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  306. package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
  307. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  308. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx +24 -3
  309. package/src/components/TagsFilter/TagsFilter.tsx +67 -34
  310. package/src/components/TagsWidget/TagsWidgetContent.tsx +7 -0
  311. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  312. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  313. package/src/components/common.st.css.ts +2 -2
  314. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  315. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  316. package/src/state/TagsModalState.ts +1 -1
  317. package/src/styles.global.css +1 -1
  318. package/src/test-utils/TagsMocks.ts +4 -2
  319. package/src/version.ts +1 -1
@@ -7,6 +7,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _mobxReactLite = require("mobx-react-lite");
9
9
  var _designSystem = require("@wix/design-system");
10
+ var _useCollectionReachBottom = require("../../../useCollectionReachBottom");
11
+ var _InfiniteScrollLoader = require("../../../InfiniteScrollLoader/InfiniteScrollLoader");
10
12
  var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
11
13
  var _react2 = require("@wix/bex-core/react");
12
14
  var _TagsListItem = require("./List/TagsListItem");
@@ -33,7 +35,6 @@ const ManageTagsModalComponent = ({
33
35
  const {
34
36
  translate: t
35
37
  } = (0, _react2.useWixPatternsContainer)();
36
- state.ref = (0, _react.useRef)(null);
37
38
  const closeModal = (0, _react.useCallback)(() => {
38
39
  state.closeManageTagsModal();
39
40
  }, [state]);
@@ -53,6 +54,15 @@ const ManageTagsModalComponent = ({
53
54
  const handleNotificationClose = (0, _react.useCallback)(toastConfig => {
54
55
  state.hideNotification(toastConfig);
55
56
  }, [state]);
57
+ const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;
58
+ const scrollRef = (0, _react.useRef)(null);
59
+ state.ref = scrollRef;
60
+ const {
61
+ targetRef
62
+ } = (0, _useCollectionReachBottom.useCollectionReachBottom)({
63
+ collection: state.tagsManagementState.collection,
64
+ containerRef: shouldAllowTagsPagination ? scrollRef : undefined
65
+ });
56
66
  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
57
67
  isOpen: state.isOpen,
58
68
  onRequestClose: closeModal,
@@ -61,7 +71,7 @@ const ManageTagsModalComponent = ({
61
71
  __self: void 0,
62
72
  __source: {
63
73
  fileName: _jsxFileName,
64
- lineNumber: 72,
74
+ lineNumber: 81,
65
75
  columnNumber: 5
66
76
  }
67
77
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -69,7 +79,7 @@ const ManageTagsModalComponent = ({
69
79
  __self: void 0,
70
80
  __source: {
71
81
  fileName: _jsxFileName,
72
- lineNumber: 78,
82
+ lineNumber: 87,
73
83
  columnNumber: 7
74
84
  }
75
85
  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
@@ -85,7 +95,7 @@ const ManageTagsModalComponent = ({
85
95
  __self: void 0,
86
96
  __source: {
87
97
  fileName: _jsxFileName,
88
- lineNumber: 89,
98
+ lineNumber: 98,
89
99
  columnNumber: 13
90
100
  }
91
101
  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -95,7 +105,7 @@ const ManageTagsModalComponent = ({
95
105
  __self: void 0,
96
106
  __source: {
97
107
  fileName: _jsxFileName,
98
- lineNumber: 93,
108
+ lineNumber: 102,
99
109
  columnNumber: 29
100
110
  }
101
111
  }),
@@ -104,7 +114,7 @@ const ManageTagsModalComponent = ({
104
114
  __self: void 0,
105
115
  __source: {
106
116
  fileName: _jsxFileName,
107
- lineNumber: 90,
117
+ lineNumber: 99,
108
118
  columnNumber: 15
109
119
  }
110
120
  }, t('cairo.tags.manageTags.modal.add.CTA'))),
@@ -115,7 +125,7 @@ const ManageTagsModalComponent = ({
115
125
  __self: void 0,
116
126
  __source: {
117
127
  fileName: _jsxFileName,
118
- lineNumber: 79,
128
+ lineNumber: 88,
119
129
  columnNumber: 9
120
130
  }
121
131
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -125,14 +135,14 @@ const ManageTagsModalComponent = ({
125
135
  __self: void 0,
126
136
  __source: {
127
137
  fileName: _jsxFileName,
128
- lineNumber: 106,
138
+ lineNumber: 115,
129
139
  columnNumber: 11
130
140
  }
131
141
  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToastContainer, {
132
142
  __self: void 0,
133
143
  __source: {
134
144
  fileName: _jsxFileName,
135
- lineNumber: 107,
145
+ lineNumber: 116,
136
146
  columnNumber: 13
137
147
  }
138
148
  }, state.toastConfig && /*#__PURE__*/_react.default.createElement(_ManageTagsNotification.ManageTagsNotification, {
@@ -142,7 +152,7 @@ const ManageTagsModalComponent = ({
142
152
  __self: void 0,
143
153
  __source: {
144
154
  fileName: _jsxFileName,
145
- lineNumber: 109,
155
+ lineNumber: 118,
146
156
  columnNumber: 17
147
157
  }
148
158
  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -151,7 +161,7 @@ const ManageTagsModalComponent = ({
151
161
  __self: void 0,
152
162
  __source: {
153
163
  fileName: _jsxFileName,
154
- lineNumber: 116,
164
+ lineNumber: 125,
155
165
  columnNumber: 13
156
166
  }
157
167
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -159,7 +169,7 @@ const ManageTagsModalComponent = ({
159
169
  __self: void 0,
160
170
  __source: {
161
171
  fileName: _jsxFileName,
162
- lineNumber: 117,
172
+ lineNumber: 126,
163
173
  columnNumber: 15
164
174
  }
165
175
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
@@ -173,17 +183,18 @@ const ManageTagsModalComponent = ({
173
183
  __self: void 0,
174
184
  __source: {
175
185
  fileName: _jsxFileName,
176
- lineNumber: 118,
186
+ lineNumber: 127,
177
187
  columnNumber: 17
178
188
  }
179
189
  })), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
180
190
  __self: void 0,
181
191
  __source: {
182
192
  fileName: _jsxFileName,
183
- lineNumber: 130,
193
+ lineNumber: 139,
184
194
  columnNumber: 15
185
195
  }
186
196
  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
197
+ ref: shouldAllowTagsPagination ? scrollRef : undefined,
187
198
  direction: "vertical",
188
199
  maxHeight: 446,
189
200
  minHeight: 225,
@@ -193,24 +204,24 @@ const ManageTagsModalComponent = ({
193
204
  __self: void 0,
194
205
  __source: {
195
206
  fileName: _jsxFileName,
196
- lineNumber: 132,
207
+ lineNumber: 141,
197
208
  columnNumber: 13
198
209
  }
199
210
  }, /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
200
- overflowY: true,
201
- smooth: true,
202
- ref: state.ref,
211
+ overflowY: !shouldAllowTagsPagination,
212
+ smooth: !shouldAllowTagsPagination,
213
+ ref: !shouldAllowTagsPagination ? state.ref : undefined,
203
214
  __self: void 0,
204
215
  __source: {
205
216
  fileName: _jsxFileName,
206
- lineNumber: 140,
217
+ lineNumber: 150,
207
218
  columnNumber: 15
208
219
  }
209
220
  }, state.searchValue && state.shownItems.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
210
221
  __self: void 0,
211
222
  __source: {
212
223
  fileName: _jsxFileName,
213
- lineNumber: 142,
224
+ lineNumber: 156,
214
225
  columnNumber: 19
215
226
  }
216
227
  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -222,7 +233,7 @@ const ManageTagsModalComponent = ({
222
233
  __self: void 0,
223
234
  __source: {
224
235
  fileName: _jsxFileName,
225
- lineNumber: 143,
236
+ lineNumber: 157,
226
237
  columnNumber: 21
227
238
  }
228
239
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -230,7 +241,7 @@ const ManageTagsModalComponent = ({
230
241
  __self: void 0,
231
242
  __source: {
232
243
  fileName: _jsxFileName,
233
- lineNumber: 150,
244
+ lineNumber: 164,
234
245
  columnNumber: 23
235
246
  }
236
247
  }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
@@ -245,7 +256,7 @@ const ManageTagsModalComponent = ({
245
256
  __self: void 0,
246
257
  __source: {
247
258
  fileName: _jsxFileName,
248
- lineNumber: 160,
259
+ lineNumber: 174,
249
260
  columnNumber: 35
250
261
  }
251
262
  })
@@ -253,7 +264,7 @@ const ManageTagsModalComponent = ({
253
264
  __self: void 0,
254
265
  __source: {
255
266
  fileName: _jsxFileName,
256
- lineNumber: 151,
267
+ lineNumber: 165,
257
268
  columnNumber: 25
258
269
  }
259
270
  })))), state.shownItems.map((tag, idx) => /*#__PURE__*/_react.default.createElement(_TagsListItem.TagsListItem, {
@@ -264,7 +275,7 @@ const ManageTagsModalComponent = ({
264
275
  __self: void 0,
265
276
  __source: {
266
277
  fileName: _jsxFileName,
267
- lineNumber: 168,
278
+ lineNumber: 182,
268
279
  columnNumber: 19
269
280
  }
270
281
  })), state.isShowingNewTagListItem && /*#__PURE__*/_react.default.createElement(_NewTagItemEditable.NewTagItemEditable, {
@@ -272,7 +283,17 @@ const ManageTagsModalComponent = ({
272
283
  __self: void 0,
273
284
  __source: {
274
285
  fileName: _jsxFileName,
275
- lineNumber: 179,
286
+ lineNumber: 193,
287
+ columnNumber: 19
288
+ }
289
+ }), shouldAllowTagsPagination && /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoader.InfiniteScrollLoader, {
290
+ targetRef: targetRef,
291
+ state: state.tagsManagementState.collection,
292
+ size: "small",
293
+ __self: void 0,
294
+ __source: {
295
+ fileName: _jsxFileName,
296
+ lineNumber: 196,
276
297
  columnNumber: 19
277
298
  }
278
299
  })))))), state.confirmModalState.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -288,7 +309,7 @@ const ManageTagsModalComponent = ({
288
309
  __self: void 0,
289
310
  __source: {
290
311
  fileName: _jsxFileName,
291
- lineNumber: 195,
312
+ lineNumber: 216,
292
313
  columnNumber: 23
293
314
  }
294
315
  }),
@@ -297,7 +318,7 @@ const ManageTagsModalComponent = ({
297
318
  __self: void 0,
298
319
  __source: {
299
320
  fileName: _jsxFileName,
300
- lineNumber: 196,
321
+ lineNumber: 217,
301
322
  columnNumber: 23
302
323
  }
303
324
  })
@@ -305,7 +326,7 @@ const ManageTagsModalComponent = ({
305
326
  __self: void 0,
306
327
  __source: {
307
328
  fileName: _jsxFileName,
308
- lineNumber: 191,
329
+ lineNumber: 212,
309
330
  columnNumber: 13
310
331
  }
311
332
  })
@@ -313,7 +334,7 @@ const ManageTagsModalComponent = ({
313
334
  __self: void 0,
314
335
  __source: {
315
336
  fileName: _jsxFileName,
316
- lineNumber: 187,
337
+ lineNumber: 208,
317
338
  columnNumber: 9
318
339
  }
319
340
  })));
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalComponent","state","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","useWixPatternsContainer","ref","useRef","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","createElement","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","width","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n CustomModalLayout,\n Modal,\n Box,\n TextButton,\n AddItem,\n Text,\n Divider,\n Search,\n ToastContainer,\n} from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n state: TagsModalState;\n}\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.72.0',\n requiredBy: 'WixPatterns/ManageTagsModal',\n });\n }\n const { translate: t } = useWixPatternsContainer();\n state.ref = useRef<HTMLDivElement>(null);\n\n const closeModal = useCallback(() => {\n state.closeManageTagsModal();\n }, [state]);\n\n const handleCreateClick = useCallback(() => {\n state.handleCreateCtaClick();\n }, [state]);\n\n const handleCreateTagFromSearch = useCallback(() => {\n state.createTagFromSearch();\n }, [state]);\n\n const handleSearchClear = useCallback(() => {\n state.handleSearchClear();\n }, [state]);\n\n const handleSearchChange = useCallback(\n (event) => {\n const newSearchValue = event.target.value;\n state.handleSearchChange(newSearchValue);\n },\n [state],\n );\n\n const handleNotificationClose = useCallback(\n (toastConfig: ToastConfig) => {\n state.hideNotification(toastConfig);\n },\n [state],\n );\n\n return (\n <Modal\n isOpen={state.isOpen}\n onRequestClose={closeModal}\n shouldCloseOnOverlayClick\n dataHook=\"manage-tags-modal\"\n >\n <Box width={510}>\n <CustomModalLayout\n className={st(classes.root)}\n overflowY=\"visible\"\n showFooterDivider\n removeContentPadding\n title={t('cairo.tags.manageTags.modal.title', {\n EntityName: state.entityTypeName,\n })}\n subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n sideActions={\n <Box>\n <TextButton\n dataHook=\"manage-tags-modal-create-btn\"\n size=\"small\"\n prefixIcon={<Add />}\n onClick={handleCreateClick}\n disabled={state.isShowingNewTagListItem}\n >\n {t('cairo.tags.manageTags.modal.add.CTA')}\n </TextButton>\n </Box>\n }\n primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n primaryButtonOnClick={closeModal}\n onCloseButtonClick={closeModal}\n dataHook=\"manage-tags-modal-layout\"\n >\n <Box direction=\"vertical\" height=\"100%\" flex={1}>\n <ToastContainer>\n {state.toastConfig && (\n <ManageTagsNotification\n toastConfig={state.toastConfig}\n onClose={handleNotificationClose}\n dataHook=\"manage-tags-modal-notification\"\n />\n )}\n </ToastContainer>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box padding=\"0 SP4\">\n <Search\n autoFocus\n dataHook=\"manage-tags-modal-search\"\n onChange={handleSearchChange}\n value={state.searchValue}\n placeholder={t(\n 'cairo.tags.manageTags.modal.search.placeholder',\n )}\n onEnterPressed={handleCreateTagFromSearch}\n onClear={handleSearchClear}\n />\n </Box>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n maxHeight={446}\n minHeight={225}\n dataHook=\"manage-tags-modal-tags-list\"\n overflowY=\"auto\"\n paddingBottom=\"SP1\"\n >\n <ScrollableContent overflowY smooth ref={state.ref}>\n {state.searchValue && state.shownItems.length === 0 && (\n <div>\n <AddItem\n theme=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n onClick={handleCreateTagFromSearch}\n dataHook=\"manage-tags-modal-list-add\"\n >\n <Text skin=\"primary\">\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n values={{\n tagName: `${state.searchValue.slice(\n 0,\n TAG_MAX_LENGTH,\n )}`,\n }}\n components={{\n name: <Text weight=\"bold\" skin=\"primary\" />,\n }}\n />\n </Text>\n </AddItem>\n </div>\n )}\n {state.shownItems.map((tag, idx) => (\n <TagsListItem\n state={state}\n key={tag.id}\n tag={tag}\n isLastTag={\n !state.isShowingNewTagListItem &&\n idx === state.shownItems.length - 1\n }\n />\n ))}\n {state.isShowingNewTagListItem && (\n <NewTagItemEditable state={state} />\n )}\n </ScrollableContent>\n </Box>\n </Box>\n </CustomModalLayout>\n </Box>\n {state.confirmModalState.value && (\n <MessageActionModal\n dataHook=\"manage-tags-modal-confirm-delete-modal\"\n state={state.confirmModalState}\n content={\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n values={{ name: state.tagToDelete?.name }}\n components={{\n text: <Text />,\n name: <Text weight=\"bold\" />,\n }}\n />\n }\n {...state.confirmModalState.value}\n />\n )}\n </Modal>\n );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_useCollectionReachBottom","_InfiniteScrollLoader","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalComponent","state","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","useWixPatternsContainer","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","shouldAllowTagsPagination","tagsManagementState","scrollRef","useRef","ref","targetRef","useCollectionReachBottom","collection","containerRef","undefined","createElement","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","width","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","InfiniteScrollLoader","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n CustomModalLayout,\n Modal,\n Box,\n TextButton,\n AddItem,\n Text,\n Divider,\n Search,\n ToastContainer,\n} from '@wix/design-system';\nimport { useCollectionReachBottom } from '../../../useCollectionReachBottom';\nimport { InfiniteScrollLoader } from '../../../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n state: TagsModalState;\n}\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.72.0',\n requiredBy: 'WixPatterns/ManageTagsModal',\n });\n }\n const { translate: t } = useWixPatternsContainer();\n const closeModal = useCallback(() => {\n state.closeManageTagsModal();\n }, [state]);\n\n const handleCreateClick = useCallback(() => {\n state.handleCreateCtaClick();\n }, [state]);\n\n const handleCreateTagFromSearch = useCallback(() => {\n state.createTagFromSearch();\n }, [state]);\n\n const handleSearchClear = useCallback(() => {\n state.handleSearchClear();\n }, [state]);\n\n const handleSearchChange = useCallback(\n (event) => {\n const newSearchValue = event.target.value;\n state.handleSearchChange(newSearchValue);\n },\n [state],\n );\n\n const handleNotificationClose = useCallback(\n (toastConfig: ToastConfig) => {\n state.hideNotification(toastConfig);\n },\n [state],\n );\n\n const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;\n\n const scrollRef = useRef<HTMLDivElement>(null);\n state.ref = scrollRef;\n const { targetRef } = useCollectionReachBottom({\n collection: state.tagsManagementState.collection,\n containerRef: shouldAllowTagsPagination ? scrollRef : undefined,\n });\n\n return (\n <Modal\n isOpen={state.isOpen}\n onRequestClose={closeModal}\n shouldCloseOnOverlayClick\n dataHook=\"manage-tags-modal\"\n >\n <Box width={510}>\n <CustomModalLayout\n className={st(classes.root)}\n overflowY=\"visible\"\n showFooterDivider\n removeContentPadding\n title={t('cairo.tags.manageTags.modal.title', {\n EntityName: state.entityTypeName,\n })}\n subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n sideActions={\n <Box>\n <TextButton\n dataHook=\"manage-tags-modal-create-btn\"\n size=\"small\"\n prefixIcon={<Add />}\n onClick={handleCreateClick}\n disabled={state.isShowingNewTagListItem}\n >\n {t('cairo.tags.manageTags.modal.add.CTA')}\n </TextButton>\n </Box>\n }\n primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n primaryButtonOnClick={closeModal}\n onCloseButtonClick={closeModal}\n dataHook=\"manage-tags-modal-layout\"\n >\n <Box direction=\"vertical\" height=\"100%\" flex={1}>\n <ToastContainer>\n {state.toastConfig && (\n <ManageTagsNotification\n toastConfig={state.toastConfig}\n onClose={handleNotificationClose}\n dataHook=\"manage-tags-modal-notification\"\n />\n )}\n </ToastContainer>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box padding=\"0 SP4\">\n <Search\n autoFocus\n dataHook=\"manage-tags-modal-search\"\n onChange={handleSearchChange}\n value={state.searchValue}\n placeholder={t(\n 'cairo.tags.manageTags.modal.search.placeholder',\n )}\n onEnterPressed={handleCreateTagFromSearch}\n onClear={handleSearchClear}\n />\n </Box>\n <Divider />\n </Box>\n <Box\n ref={shouldAllowTagsPagination ? scrollRef : undefined}\n direction=\"vertical\"\n maxHeight={446}\n minHeight={225}\n dataHook=\"manage-tags-modal-tags-list\"\n overflowY=\"auto\"\n paddingBottom=\"SP1\"\n >\n <ScrollableContent\n overflowY={!shouldAllowTagsPagination}\n smooth={!shouldAllowTagsPagination}\n ref={!shouldAllowTagsPagination ? state.ref : undefined}\n >\n {state.searchValue && state.shownItems.length === 0 && (\n <div>\n <AddItem\n theme=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n onClick={handleCreateTagFromSearch}\n dataHook=\"manage-tags-modal-list-add\"\n >\n <Text skin=\"primary\">\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n values={{\n tagName: `${state.searchValue.slice(\n 0,\n TAG_MAX_LENGTH,\n )}`,\n }}\n components={{\n name: <Text weight=\"bold\" skin=\"primary\" />,\n }}\n />\n </Text>\n </AddItem>\n </div>\n )}\n {state.shownItems.map((tag, idx) => (\n <TagsListItem\n state={state}\n key={tag.id}\n tag={tag}\n isLastTag={\n !state.isShowingNewTagListItem &&\n idx === state.shownItems.length - 1\n }\n />\n ))}\n {state.isShowingNewTagListItem && (\n <NewTagItemEditable state={state} />\n )}\n {shouldAllowTagsPagination && (\n <InfiniteScrollLoader\n targetRef={targetRef}\n state={state.tagsManagementState.collection}\n size=\"small\"\n />\n )}\n </ScrollableContent>\n </Box>\n </Box>\n </CustomModalLayout>\n </Box>\n {state.confirmModalState.value && (\n <MessageActionModal\n dataHook=\"manage-tags-modal-confirm-delete-modal\"\n state={state.confirmModalState}\n content={\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n values={{ name: state.tagToDelete?.name }}\n components={{\n text: <Text />,\n name: <Text weight=\"bold\" />,\n }}\n />\n }\n {...state.confirmModalState.value}\n />\n )}\n </Modal>\n );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAWA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAEA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,+BAAA,GAAAb,OAAA;AACA,IAAAc,uBAAA,GAAAd,OAAA;AACA,IAAAe,QAAA,GAAAf,OAAA;AAA4D,IAAAgB,YAAA;AAAA,SAAAjB,wBAAAkB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAApB,uBAAA,YAAAA,CAAAkB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAK5D,MAAMkB,wBAAwB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAAA,IAAAC,kBAAA;EACpE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EACA,MAAM;IAAEC,SAAS,EAAE3B;EAAE,CAAC,GAAG,IAAA4B,+BAAuB,EAAC,CAAC;EAClD,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACnCX,KAAK,CAACY,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACZ,KAAK,CAAC,CAAC;EAEX,MAAMa,iBAAiB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC1CX,KAAK,CAACc,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEX,MAAMe,yBAAyB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAClDX,KAAK,CAACgB,mBAAmB,CAAC,CAAC;EAC7B,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,MAAMiB,iBAAiB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IAC1CX,KAAK,CAACiB,iBAAiB,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACjB,KAAK,CAAC,CAAC;EAEX,MAAMkB,kBAAkB,GAAG,IAAAP,kBAAW,EACnCQ,KAAK,IAAK;IACT,MAAMC,cAAc,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK;IACzCtB,KAAK,CAACkB,kBAAkB,CAACE,cAAc,CAAC;EAC1C,CAAC,EACD,CAACpB,KAAK,CACR,CAAC;EAED,MAAMuB,uBAAuB,GAAG,IAAAZ,kBAAW,EACxCa,WAAwB,IAAK;IAC5BxB,KAAK,CAACyB,gBAAgB,CAACD,WAAW,CAAC;EACrC,CAAC,EACD,CAACxB,KAAK,CACR,CAAC;EAED,MAAM0B,yBAAyB,GAAG1B,KAAK,CAAC2B,mBAAmB,CAACD,yBAAyB;EAErF,MAAME,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC9C7B,KAAK,CAAC8B,GAAG,GAAGF,SAAS;EACrB,MAAM;IAAEG;EAAU,CAAC,GAAG,IAAAC,kDAAwB,EAAC;IAC7CC,UAAU,EAAEjC,KAAK,CAAC2B,mBAAmB,CAACM,UAAU;IAChDC,YAAY,EAAER,yBAAyB,GAAGE,SAAS,GAAGO;EACxD,CAAC,CAAC;EAEF,oBACE1E,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAwE,KAAK;IACJC,MAAM,EAAEtC,KAAK,CAACsC,MAAO;IACrBC,cAAc,EAAE7B,UAAW;IAC3B8B,yBAAyB;IACzBC,QAAQ,EAAC,mBAAmB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5BrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;IAACC,KAAK,EAAE,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAoF,iBAAiB;IAChBC,SAAS,EAAE,IAAAC,wBAAE,EAACC,6BAAO,CAACC,IAAI,CAAE;IAC5BC,SAAS,EAAC,SAAS;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,KAAK,EAAE5E,CAAC,CAAC,mCAAmC,EAAE;MAC5C6E,UAAU,EAAE1D,KAAK,CAAC2D;IACpB,CAAC,CAAE;IACHC,QAAQ,EAAE/E,CAAC,CAAC,sCAAsC,CAAE;IACpDgF,WAAW,eACTpG,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjE,YAAA;QAAAkE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAiG,UAAU;MACTrB,QAAQ,EAAC,8BAA8B;MACvCsB,IAAI,EAAC,OAAO;MACZC,UAAU,eAAEvG,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACpE,iBAAA,CAAAiG,GAAG;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjE,YAAA;UAAAkE,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACpBoB,OAAO,EAAErD,iBAAkB;MAC3BsD,QAAQ,EAAEnE,KAAK,CAACoE,uBAAwB;MAAA1B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjE,YAAA;QAAAkE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvCjE,CAAC,CAAC,qCAAqC,CAC9B,CACT,CACN;IACDwF,iBAAiB,EAAExF,CAAC,CAAC,uCAAuC,CAAE;IAC9DyF,oBAAoB,EAAE5D,UAAW;IACjC6D,kBAAkB,EAAE7D,UAAW;IAC/B+B,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnCrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAA8G,cAAc;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACZ9C,KAAK,CAACwB,WAAW,iBAChB/D,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAC3D,uBAAA,CAAAmG,sBAAsB;IACrBpD,WAAW,EAAExB,KAAK,CAACwB,WAAY;IAC/BqD,OAAO,EAAEtD,uBAAwB;IACjCkB,QAAQ,EAAC,gCAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CAEW,CAAC,eACjBrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACM,GAAG,EAAC,KAAK;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;IAACgC,OAAO,EAAC,OAAO;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAmH,MAAM;IACLC,SAAS;IACTxC,QAAQ,EAAC,0BAA0B;IACnCyC,QAAQ,EAAEhE,kBAAmB;IAC7BI,KAAK,EAAEtB,KAAK,CAACmF,WAAY;IACzBC,WAAW,EAAEvG,CAAC,CACZ,gDACF,CAAE;IACFwG,cAAc,EAAEtE,yBAA0B;IAC1CuE,OAAO,EAAErE,iBAAkB;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACE,CAAC,eACNrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAA0H,OAAO;IAAA7C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACP,CAAC,eACNrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkF,GAAG;IACFjB,GAAG,EAAEJ,yBAAyB,GAAGE,SAAS,GAAGO,SAAU;IACvDqC,SAAS,EAAC,UAAU;IACpBgB,SAAS,EAAE,GAAI;IACfC,SAAS,EAAE,GAAI;IACfhD,QAAQ,EAAC,6BAA6B;IACtCa,SAAS,EAAC,MAAM;IAChBoC,aAAa,EAAC,KAAK;IAAAhD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAChE,kBAAA,CAAAuH,iBAAiB;IAChBrC,SAAS,EAAE,CAAC5B,yBAA0B;IACtCkE,MAAM,EAAE,CAAClE,yBAA0B;IACnCI,GAAG,EAAE,CAACJ,yBAAyB,GAAG1B,KAAK,CAAC8B,GAAG,GAAGK,SAAU;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvD9C,KAAK,CAACmF,WAAW,IAAInF,KAAK,CAAC6F,UAAU,CAACC,MAAM,KAAK,CAAC,iBACjDrI,MAAA,CAAA6B,OAAA,CAAA8C,aAAA;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACErF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAkI,OAAO;IACNC,KAAK,EAAC,OAAO;IACbjC,IAAI,EAAC,MAAM;IACXkC,UAAU,EAAC,MAAM;IACjB/B,OAAO,EAAEnD,yBAA0B;IACnC0B,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErCrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAqI,IAAI;IAACC,IAAI,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBrF,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAC9D,MAAA,CAAA8H,KAAK;IACJC,OAAO,EAAC,6CAA6C;IACrDC,MAAM,EAAE;MACNC,OAAO,EAAE,GAAGvG,KAAK,CAACmF,WAAW,CAACqB,KAAK,CACjC,CAAC,EACDC,uBACF,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,IAAI,eAAElJ,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAqI,IAAI;QAACU,MAAM,EAAC,MAAM;QAACT,IAAI,EAAC,SAAS;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjE,YAAA;UAAAkE,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAC5C,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACC,CACN,CACN,EACA9C,KAAK,CAAC6F,UAAU,CAACgB,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,kBAC7BtJ,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAClE,aAAA,CAAA8I,YAAY;IACXhH,KAAK,EAAEA,KAAM;IACbiH,GAAG,EAAEH,GAAG,CAACI,EAAG;IACZJ,GAAG,EAAEA,GAAI;IACTK,SAAS,EACP,CAACnH,KAAK,CAACoE,uBAAuB,IAC9B2C,GAAG,KAAK/G,KAAK,CAAC6F,UAAU,CAACC,MAAM,GAAG,CACnC;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACF,CAAC,EACD9C,KAAK,CAACoE,uBAAuB,iBAC5B3G,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAC7D,mBAAA,CAAA6I,kBAAkB;IAACpH,KAAK,EAAEA,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpC,EACApB,yBAAyB,iBACxBjE,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACrE,qBAAA,CAAAsJ,oBAAoB;IACnBtF,SAAS,EAAEA,SAAU;IACrB/B,KAAK,EAAEA,KAAK,CAAC2B,mBAAmB,CAACM,UAAW;IAC5C8B,IAAI,EAAC,OAAO;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CAEc,CAChB,CACF,CACY,CAChB,CAAC,EACL9C,KAAK,CAACsH,iBAAiB,CAAChG,KAAK,iBAC5B7D,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAC/D,YAAA,CAAAkJ,kBAAkB,MAAAC,SAAA,CAAAlI,OAAA;IACjBmD,QAAQ,EAAC,wCAAwC;IACjDzC,KAAK,EAAEA,KAAK,CAACsH,iBAAkB;IAC/BG,OAAO,eACLhK,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAAC9D,MAAA,CAAA8H,KAAK;MACJC,OAAO,EAAC,8CAA8C;MACtDC,MAAM,EAAE;QAAEK,IAAI,GAAA1G,kBAAA,GAAED,KAAK,CAAC0H,WAAW,qBAAjBzH,kBAAA,CAAmB0G;MAAK,CAAE;MAC1CD,UAAU,EAAE;QACViB,IAAI,eAAElK,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAqI,IAAI;UAAAxD,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAjE,YAAA;YAAAkE,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACd6D,IAAI,eAAElJ,MAAA,CAAA6B,OAAA,CAAA8C,aAAA,CAACvE,aAAA,CAAAqI,IAAI;UAACU,MAAM,EAAC,MAAM;UAAAlE,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAjE,YAAA;YAAAkE,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC7B,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjE,YAAA;QAAAkE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH;EACF,GACG9C,KAAK,CAACsH,iBAAiB,CAAChG,KAAK;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjE,YAAA;MAAAkE,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CAEE,CAAC;AAEZ,CAAC;AAEM,MAAM8E,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC/H,wBAAwB,CAAC","ignoreList":[]}
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "ManageTagsModal1587934019";
8
+ var _namespace_ = "ManageTagsModal1524206862";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "ManageTagsModal1587934019__root"
15
+ "root": "ManageTagsModal1524206862__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1587934019\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal1587934019__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1524206862\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal1524206862__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -1,9 +1,8 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  exports.__esModule = true;
5
4
  exports._TagsFilter = exports.TagsFilter = void 0;
6
- var _react = _interopRequireDefault(require("react"));
5
+ var _react = _interopRequireWildcard(require("react"));
7
6
  var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
8
7
  var _react2 = require("@wix/bex-core/react");
9
8
  var _MultiSelectCheckboxFilter = require("../MultiSelectCheckboxFilter");
@@ -11,17 +10,18 @@ var _types = require("@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types");
11
10
  var _useFilterCollection = require("../../hooks/useFilterCollection");
12
11
  var _mobxReactLite = require("mobx-react-lite");
13
12
  var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsFilter/TagsFilter.tsx";
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
14
  const _TagsFilter = ({
15
15
  filter
16
16
  }) => {
17
- var _toolbarState$tagsCol;
17
+ var _toolbarState$tagsCol, _toolbarState$tagsCol4, _toolbarState$tagsCol6;
18
18
  const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
19
19
  const {
20
20
  translate: t
21
21
  } = (0, _react2.useWixPatternsContainer)();
22
- const tagsFilterCollection = (0, _useFilterCollection.useFilterCollection)(filter, {
22
+ const shouldAllowTagsPagination = ((_toolbarState$tagsCol = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol.tagsManagementState.shouldAllowTagsPagination) ?? false;
23
+ const paginationConfig = shouldAllowTagsPagination ? {
23
24
  paginationMode: 'cursor',
24
- queryName: [(_toolbarState$tagsCol = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol.tagsManagementState.fqdnString, 'tags', 'filter'].join('/'),
25
25
  fetchData: async ({
26
26
  search = '',
27
27
  cursor,
@@ -42,13 +42,12 @@ const _TagsFilter = ({
42
42
  query: {
43
43
  cursorPaging: {
44
44
  limit,
45
- cursor: cursor ?? null
45
+ cursor: cursor ?? undefined
46
46
  },
47
+ // TODO: remove 'as any' cast when ambassador package exposes the search field
47
48
  ...(search ? {
48
- filter: {
49
- name: {
50
- $contains: search
51
- }
49
+ search: {
50
+ expression: search
52
51
  }
53
52
  } : {})
54
53
  }
@@ -63,7 +62,31 @@ const _TagsFilter = ({
63
62
  hasNext: result.hasNext
64
63
  };
65
64
  }
65
+ } : {
66
+ fetchData: async ({
67
+ search = ''
68
+ }) => {
69
+ var _toolbarState$tagsCol3;
70
+ const filteredItems = (((_toolbarState$tagsCol3 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol3.tagsManagementState.items) || []).filter(tag => {
71
+ var _tag$name;
72
+ return (_tag$name = tag.name) == null ? void 0 : _tag$name.toLowerCase().includes(search.toLowerCase());
73
+ });
74
+ return {
75
+ items: filteredItems,
76
+ total: filteredItems.length
77
+ };
78
+ }
79
+ };
80
+ const tagsFilterCollection = (0, _useFilterCollection.useFilterCollection)(filter, {
81
+ queryName: [(_toolbarState$tagsCol4 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol4.tagsManagementState.fqdnString, 'tags', 'filter'].join('/'),
82
+ ...paginationConfig
66
83
  });
84
+ (0, _react.useEffect)(() => {
85
+ var _toolbarState$tagsCol5;
86
+ if (!shouldAllowTagsPagination && (_toolbarState$tagsCol5 = toolbarState.tagsCollectionState) != null && _toolbarState$tagsCol5.tagsManagementState.items) {
87
+ tagsFilterCollection.refreshAllPages();
88
+ }
89
+ }, [shouldAllowTagsPagination, tagsFilterCollection, (_toolbarState$tagsCol6 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol6.tagsManagementState.items]);
67
90
  if (!toolbarState.tagsCollectionState) {
68
91
  return null;
69
92
  }
@@ -81,7 +104,7 @@ const _TagsFilter = ({
81
104
  __self: void 0,
82
105
  __source: {
83
106
  fileName: _jsxFileName,
84
- lineNumber: 64,
107
+ lineNumber: 97,
85
108
  columnNumber: 5
86
109
  }
87
110
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_types","_useFilterCollection","_mobxReactLite","_jsxFileName","_TagsFilter","filter","_toolbarState$tagsCol","toolbarState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsFilterCollection","useFilterCollection","paginationMode","queryName","tagsCollectionState","tagsManagementState","fqdnString","join","fetchData","search","cursor","limit","_toolbarState$tagsCol2","items","hasNext","result","tagsService","queryTags","fqdn","exposure","TagExposure","PRIVATE","query","cursorPaging","name","$contains","serverErrorOverride","message","default","createElement","MultiSelectCheckboxFilter","collection","popoverProps","appendTo","placeholder","renderItem","tag","title","id","__self","__source","fileName","lineNumber","columnNumber","exports","TagsFilter","observer"],"sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterProps } from '../../model';\nimport { useWixPatternsContainer, CursorQuery } from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport {\n Tag,\n TagExposure,\n} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { observer } from 'mobx-react-lite';\n\ntype TagsFilterType = Tag[];\ninterface TagsFilterProps extends FilterProps<TagsFilterType> {}\n\nexport const _TagsFilter = ({ filter }: TagsFilterProps) => {\n const toolbarState = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n\n const tagsFilterCollection = useFilterCollection(filter, {\n paginationMode: 'cursor',\n queryName: [\n toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n 'tags',\n 'filter',\n ].join('/'),\n fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {\n const tagsManagementState =\n toolbarState.tagsCollectionState?.tagsManagementState;\n if (!tagsManagementState) {\n return { items: [], cursor: null, hasNext: false };\n }\n\n const result = await tagsManagementState.tagsService.queryTags(\n {\n fqdn: tagsManagementState.fqdnString,\n exposure: TagExposure.PRIVATE,\n query: {\n cursorPaging: { limit, cursor: cursor ?? null },\n ...(search ? { filter: { name: { $contains: search } } } : {}),\n },\n },\n {},\n {\n serverErrorOverride: () => ({\n message: t('cairo.tags.collectionPage.popover.loadTags.error.body'),\n }),\n },\n );\n\n return {\n items: result.items,\n cursor: result.cursor,\n hasNext: result.hasNext,\n };\n },\n });\n\n if (!toolbarState.tagsCollectionState) {\n return null;\n }\n\n return (\n <MultiSelectCheckboxFilter\n collection={tagsFilterCollection}\n filter={filter}\n popoverProps={{ appendTo: 'window' }}\n placeholder={t('cairo.tags.filterPanel.dropdown.placeholder')}\n renderItem={(tag: Tag) => ({\n title: tag.name as string,\n id: tag.id,\n })}\n />\n );\n};\n\nexport const TagsFilter = observer(_TagsFilter);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_types","_useFilterCollection","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsFilter","filter","_toolbarState$tagsCol","_toolbarState$tagsCol4","_toolbarState$tagsCol6","toolbarState","useToolbarCollectionContext","translate","useWixPatternsContainer","shouldAllowTagsPagination","tagsCollectionState","tagsManagementState","paginationConfig","paginationMode","fetchData","search","cursor","limit","_toolbarState$tagsCol2","items","hasNext","result","tagsService","queryTags","fqdn","fqdnString","exposure","TagExposure","PRIVATE","query","cursorPaging","undefined","expression","serverErrorOverride","message","_toolbarState$tagsCol3","filteredItems","tag","_tag$name","name","toLowerCase","includes","total","length","tagsFilterCollection","useFilterCollection","queryName","join","useEffect","_toolbarState$tagsCol5","refreshAllPages","createElement","MultiSelectCheckboxFilter","collection","popoverProps","appendTo","placeholder","renderItem","title","id","__self","__source","fileName","lineNumber","columnNumber","exports","TagsFilter","observer"],"sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterProps } from '../../model';\nimport {\n useWixPatternsContainer,\n CursorQuery,\n OffsetQuery,\n} from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport {\n Tag,\n TagExposure,\n} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { observer } from 'mobx-react-lite';\n\ntype TagsFilterType = Tag[];\ninterface TagsFilterProps extends FilterProps<TagsFilterType> {}\n\nexport const _TagsFilter = ({ filter }: TagsFilterProps) => {\n const toolbarState = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n\n const shouldAllowTagsPagination =\n toolbarState.tagsCollectionState?.tagsManagementState\n .shouldAllowTagsPagination ?? false;\n\n const paginationConfig = shouldAllowTagsPagination\n ? {\n paginationMode: 'cursor' as const,\n fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {\n const tagsManagementState =\n toolbarState.tagsCollectionState?.tagsManagementState;\n if (!tagsManagementState) {\n return { items: [], cursor: null, hasNext: false };\n }\n const result = await tagsManagementState.tagsService.queryTags(\n {\n fqdn: tagsManagementState.fqdnString,\n exposure: TagExposure.PRIVATE,\n query: {\n cursorPaging: { limit, cursor: cursor ?? undefined },\n // TODO: remove 'as any' cast when ambassador package exposes the search field \n ...(search ? { search: { expression: search } as any } : {}),\n },\n },\n {},\n {\n serverErrorOverride: () => ({\n message: t(\n 'cairo.tags.collectionPage.popover.loadTags.error.body',\n ),\n }),\n },\n );\n return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };\n },\n }\n : {\n fetchData: async ({ search = '' }: OffsetQuery) => {\n const filteredItems = (\n toolbarState.tagsCollectionState?.tagsManagementState.items || []\n ).filter((tag: Tag) =>\n tag.name?.toLowerCase().includes(search.toLowerCase()),\n );\n return { items: filteredItems, total: filteredItems.length };\n },\n };\n\n const tagsFilterCollection = useFilterCollection<Tag>(filter, {\n queryName: [\n toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n 'tags',\n 'filter',\n ].join('/'),\n ...paginationConfig,\n });\n\n useEffect(() => {\n if (\n !shouldAllowTagsPagination &&\n toolbarState.tagsCollectionState?.tagsManagementState.items\n ) {\n tagsFilterCollection.refreshAllPages();\n }\n }, [\n shouldAllowTagsPagination,\n tagsFilterCollection,\n toolbarState.tagsCollectionState?.tagsManagementState.items,\n ]);\n\n if (!toolbarState.tagsCollectionState) {\n return null;\n }\n\n return (\n <MultiSelectCheckboxFilter\n collection={tagsFilterCollection}\n filter={filter}\n popoverProps={{ appendTo: 'window' }}\n placeholder={t('cairo.tags.filterPanel.dropdown.placeholder')}\n renderItem={(tag: Tag) => ({\n title: tag.name as string,\n id: tag.id,\n })}\n />\n );\n};\n\nexport const TagsFilter = observer(_TagsFilter);\n"],"mappings":"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","ignoreList":[]}