@wix/patterns 1.387.0 → 1.388.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 (454) 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/CustomColumnsPanel/ColumnListTableListItem.js +15 -14
  22. package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js.map +1 -1
  23. package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js +8 -6
  24. package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js.map +1 -1
  25. package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js +19 -16
  26. package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js.map +1 -1
  27. package/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.js +52 -0
  28. package/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.js.map +1 -0
  29. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  30. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  31. package/dist/cjs/components/EditableTable/EditableCell.js +6 -6
  32. package/dist/cjs/components/EditableTable/EditableCell.js.map +1 -1
  33. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  34. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  35. package/dist/cjs/components/EditableTable/EditableColumnHeader.uni.driver.js +8 -1
  36. package/dist/cjs/components/EditableTable/EditableColumnHeader.uni.driver.js.map +1 -1
  37. package/dist/cjs/components/EditableTable/EditableTable.js +12 -10
  38. package/dist/cjs/components/EditableTable/EditableTable.js.map +1 -1
  39. package/dist/cjs/components/EditableTable/HeaderActionsPopover.js +14 -99
  40. package/dist/cjs/components/EditableTable/HeaderActionsPopover.js.map +1 -1
  41. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css +8 -10
  42. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  43. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  44. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  45. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  46. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  47. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  48. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  49. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  50. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.js +4 -4
  51. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.js.map +1 -1
  52. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  53. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  54. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  55. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  56. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
  57. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  58. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  59. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  60. package/dist/cjs/components/EditableTable/cellTypes/image/View.js +2 -2
  61. package/dist/cjs/components/EditableTable/cellTypes/image/View.js.map +1 -1
  62. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
  63. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  64. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  65. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  66. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  67. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  68. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  69. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  70. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  71. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  72. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.js +7 -7
  73. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.js.map +1 -1
  74. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  75. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  76. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  77. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  78. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.js.map +1 -1
  79. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  80. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  81. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  82. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  83. package/dist/cjs/components/EditableTable/cellTypes/url/View.uni.driver.js.map +1 -1
  84. package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js.map +1 -1
  85. package/dist/cjs/components/EditableTable/useHeaderActions.js +91 -0
  86. package/dist/cjs/components/EditableTable/useHeaderActions.js.map +1 -0
  87. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  88. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  89. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  90. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  91. package/dist/cjs/components/FieldActions/FieldActions.js +225 -0
  92. package/dist/cjs/components/FieldActions/FieldActions.js.map +1 -0
  93. package/dist/cjs/components/FieldActions/HeaderActionsPopover.js +121 -0
  94. package/dist/cjs/components/FieldActions/HeaderActionsPopover.js.map +1 -0
  95. package/dist/cjs/components/FieldActions/headerActionTypes.js.map +1 -0
  96. package/dist/cjs/components/FieldActions/index.js +13 -0
  97. package/dist/cjs/components/FieldActions/index.js.map +1 -0
  98. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  99. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  100. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  101. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  102. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  103. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  104. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  105. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  106. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  107. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  108. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  109. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  110. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  111. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  112. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  113. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  114. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  115. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  116. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  117. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  118. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  119. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  120. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  121. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  122. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  123. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  124. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  125. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  126. package/dist/cjs/components/SchemaCard/SchemaCard.js +9 -2
  127. package/dist/cjs/components/SchemaCard/SchemaCard.js.map +1 -1
  128. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  129. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  130. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  131. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  132. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  133. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  134. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
  135. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  136. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  137. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  138. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  139. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  140. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  141. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  142. package/dist/cjs/components/common.st.css.js +4 -4
  143. package/dist/cjs/components/common.st.css.js.map +1 -1
  144. package/dist/cjs/hooks/useCloseOnAncestorScroll.js.map +1 -0
  145. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  146. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  147. package/dist/cjs/state/EditableTable/EditableTableState.js +1 -1
  148. package/dist/cjs/state/EditableTable/EditableTableState.js.map +1 -1
  149. package/dist/cjs/state/EditableTable/FieldActionsState.js +113 -2
  150. package/dist/cjs/state/EditableTable/FieldActionsState.js.map +1 -1
  151. package/dist/cjs/state/EditableTable/types.js.map +1 -1
  152. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  153. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  154. package/dist/cjs/state/ViewTypeState.js.map +1 -1
  155. package/dist/cjs/styles.global.css +1 -1
  156. package/dist/cjs/types/SchemaConfig.js.map +1 -1
  157. package/dist/cjs/version.js +1 -1
  158. package/dist/cjs/version.js.map +1 -1
  159. package/dist/docs/index.json +23 -23
  160. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  161. package/dist/esm/components/CardContainer/CardContainer.st.css.js.map +1 -1
  162. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  163. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  164. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  165. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  166. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  167. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  168. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  169. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  170. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  171. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  172. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  173. package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js +4 -3
  174. package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js.map +1 -1
  175. package/dist/esm/components/CustomColumnsPanel/ColumnsList.js +2 -2
  176. package/dist/esm/components/CustomColumnsPanel/ColumnsList.js.map +1 -1
  177. package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js +4 -2
  178. package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js.map +1 -1
  179. package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.js +43 -0
  180. package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.js.map +1 -0
  181. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  182. package/dist/esm/components/EditableTable/EditableCell.js.map +1 -1
  183. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  184. package/dist/esm/components/EditableTable/EditableColumnHeader.uni.driver.js +9 -0
  185. package/dist/esm/components/EditableTable/EditableColumnHeader.uni.driver.js.map +1 -1
  186. package/dist/esm/components/EditableTable/EditableTable.js +3 -3
  187. package/dist/esm/components/EditableTable/EditableTable.js.map +1 -1
  188. package/dist/esm/components/EditableTable/HeaderActionsPopover.js +5 -31
  189. package/dist/esm/components/EditableTable/HeaderActionsPopover.js.map +1 -1
  190. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css +8 -10
  191. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  192. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  193. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  194. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  195. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  196. package/dist/esm/components/EditableTable/cellTypes/date/Edit.js +4 -2
  197. package/dist/esm/components/EditableTable/cellTypes/date/Edit.js.map +1 -1
  198. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  199. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  200. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  201. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  202. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  203. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  204. package/dist/esm/components/EditableTable/cellTypes/image/View.js +1 -1
  205. package/dist/esm/components/EditableTable/cellTypes/image/View.js.map +1 -1
  206. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  207. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  208. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  209. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  210. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  211. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  212. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  213. package/dist/esm/components/EditableTable/cellTypes/text/Edit.js +7 -5
  214. package/dist/esm/components/EditableTable/cellTypes/text/Edit.js.map +1 -1
  215. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  216. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  217. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  218. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  219. package/dist/esm/components/EditableTable/cellTypes/url/Edit.js.map +1 -1
  220. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  221. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  222. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  223. package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js +1 -3
  224. package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js.map +1 -1
  225. package/dist/esm/components/EditableTable/useCellFocusAndEditing.js +4 -1
  226. package/dist/esm/components/EditableTable/useCellFocusAndEditing.js.map +1 -1
  227. package/dist/esm/components/EditableTable/useHeaderActions.js +82 -0
  228. package/dist/esm/components/EditableTable/useHeaderActions.js.map +1 -0
  229. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  230. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  231. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  232. package/dist/esm/components/FieldActions/FieldActions.js +152 -0
  233. package/dist/esm/components/FieldActions/FieldActions.js.map +1 -0
  234. package/dist/esm/components/FieldActions/HeaderActionsPopover.js +33 -0
  235. package/dist/esm/components/FieldActions/HeaderActionsPopover.js.map +1 -0
  236. package/dist/esm/components/FieldActions/headerActionTypes.js.map +1 -0
  237. package/dist/esm/components/FieldActions/index.js +3 -0
  238. package/dist/esm/components/FieldActions/index.js.map +1 -0
  239. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  240. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
  241. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  242. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  243. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  244. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  245. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  246. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  247. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  248. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  249. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  250. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  251. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  252. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  253. package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
  254. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  255. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  256. package/dist/esm/components/SchemaCard/SchemaCard.js +6 -5
  257. package/dist/esm/components/SchemaCard/SchemaCard.js.map +1 -1
  258. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  259. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  260. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  261. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  262. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  263. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
  264. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  265. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  266. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  267. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  268. package/dist/esm/components/common.st.css.js +2 -2
  269. package/dist/esm/hooks/useCloseOnAncestorScroll.js.map +1 -0
  270. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  271. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  272. package/dist/esm/state/EditableTable/EditableTableState.js +1 -1
  273. package/dist/esm/state/EditableTable/EditableTableState.js.map +1 -1
  274. package/dist/esm/state/EditableTable/FieldActionsState.js +114 -1
  275. package/dist/esm/state/EditableTable/FieldActionsState.js.map +1 -1
  276. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  277. package/dist/esm/state/ViewTypeState.js +3 -1
  278. package/dist/esm/state/ViewTypeState.js.map +1 -1
  279. package/dist/esm/styles.global.css +1 -1
  280. package/dist/esm/version.js +1 -1
  281. package/dist/types/components/CardContainer/CardContainer.st.css.d.ts.map +1 -1
  282. package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
  283. package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
  284. package/dist/types/components/CustomColumnsPanel/ColumnListTableListItem.d.ts +1 -0
  285. package/dist/types/components/CustomColumnsPanel/ColumnListTableListItem.d.ts.map +1 -1
  286. package/dist/types/components/CustomColumnsPanel/ColumnsList.d.ts +2 -1
  287. package/dist/types/components/CustomColumnsPanel/ColumnsList.d.ts.map +1 -1
  288. package/dist/types/components/CustomColumnsPanel/CustomColumnsPanel.d.ts.map +1 -1
  289. package/dist/types/components/CustomColumnsPanel/useSidePanelFieldActions.d.ts +6 -0
  290. package/dist/types/components/CustomColumnsPanel/useSidePanelFieldActions.d.ts.map +1 -0
  291. package/dist/types/components/EditableTable/EditableCell.d.ts.map +1 -1
  292. package/dist/types/components/EditableTable/EditableColumnHeader.uni.driver.d.ts +2 -0
  293. package/dist/types/components/EditableTable/EditableColumnHeader.uni.driver.d.ts.map +1 -1
  294. package/dist/types/components/EditableTable/EditableTable.d.ts +1 -1
  295. package/dist/types/components/EditableTable/EditableTable.d.ts.map +1 -1
  296. package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts +1 -0
  297. package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts.map +1 -1
  298. package/dist/types/components/EditableTable/HeaderActionsPopover.d.ts +2 -6
  299. package/dist/types/components/EditableTable/HeaderActionsPopover.d.ts.map +1 -1
  300. package/dist/types/components/EditableTable/HeaderActionsPopover.st.css.d.ts.map +1 -1
  301. package/dist/types/components/EditableTable/cellTypes/date/Edit.d.ts.map +1 -1
  302. package/dist/types/components/EditableTable/cellTypes/date/View.st.css.d.ts.map +1 -1
  303. package/dist/types/components/EditableTable/cellTypes/email/View.st.css.d.ts.map +1 -1
  304. package/dist/types/components/EditableTable/cellTypes/image/View.d.ts.map +1 -1
  305. package/dist/types/components/EditableTable/cellTypes/number/Edit.st.css.d.ts.map +1 -1
  306. package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -1
  307. package/dist/types/components/EditableTable/cellTypes/text/Edit.d.ts.map +1 -1
  308. package/dist/types/components/EditableTable/cellTypes/text/Edit.st.css.d.ts.map +1 -1
  309. package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
  310. package/dist/types/components/EditableTable/cellTypes/url/Edit.d.ts.map +1 -1
  311. package/dist/types/components/EditableTable/cellTypes/url/Edit.st.css.d.ts.map +1 -1
  312. package/dist/types/components/EditableTable/cellTypes/url/View.uni.driver.d.ts.map +1 -1
  313. package/dist/types/components/EditableTable/useCellFocusAndEditing.d.ts.map +1 -1
  314. package/dist/types/components/EditableTable/useHeaderActions.d.ts +6 -0
  315. package/dist/types/components/EditableTable/useHeaderActions.d.ts.map +1 -0
  316. package/dist/types/components/EntityPage/EntityPagePlain.st.css.d.ts.map +1 -1
  317. package/dist/types/components/FieldActions/FieldActions.d.ts +40 -0
  318. package/dist/types/components/FieldActions/FieldActions.d.ts.map +1 -0
  319. package/dist/types/components/FieldActions/HeaderActionsPopover.d.ts +9 -0
  320. package/dist/types/components/FieldActions/HeaderActionsPopover.d.ts.map +1 -0
  321. package/dist/types/components/{EditableTable → FieldActions}/headerActionTypes.d.ts +2 -0
  322. package/dist/types/components/FieldActions/headerActionTypes.d.ts.map +1 -0
  323. package/dist/types/components/FieldActions/index.d.ts +6 -0
  324. package/dist/types/components/FieldActions/index.d.ts.map +1 -0
  325. package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
  326. package/dist/types/components/LayoutSwitch/LayoutSwitch.uni.driver.d.ts +1 -0
  327. package/dist/types/components/LayoutSwitch/LayoutSwitch.uni.driver.d.ts.map +1 -1
  328. package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
  329. package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
  330. package/dist/types/components/SchemaCard/SchemaCard.d.ts.map +1 -1
  331. package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
  332. package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
  333. package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
  334. package/dist/types/hooks/useCloseOnAncestorScroll.d.ts.map +1 -0
  335. package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
  336. package/dist/types/state/EditableTable/EditableTableState.d.ts +2 -5
  337. package/dist/types/state/EditableTable/EditableTableState.d.ts.map +1 -1
  338. package/dist/types/state/EditableTable/FieldActionsState.d.ts +11 -2
  339. package/dist/types/state/EditableTable/FieldActionsState.d.ts.map +1 -1
  340. package/dist/types/state/EditableTable/types.d.ts +4 -0
  341. package/dist/types/state/EditableTable/types.d.ts.map +1 -1
  342. package/dist/types/state/ViewTypeState.d.ts.map +1 -1
  343. package/dist/types/testkit/jsdom.d.ts +2 -0
  344. package/dist/types/testkit/jsdom.d.ts.map +1 -1
  345. package/dist/types/testkit/playwright.d.ts +1 -0
  346. package/dist/types/testkit/playwright.d.ts.map +1 -1
  347. package/dist/types/testkit/puppeteer.d.ts +1 -0
  348. package/dist/types/testkit/puppeteer.d.ts.map +1 -1
  349. package/dist/types/types/SchemaConfig.d.ts +2 -0
  350. package/dist/types/types/SchemaConfig.d.ts.map +1 -1
  351. package/dist/types/version.d.ts +1 -1
  352. package/package.json +3 -3
  353. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  354. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  355. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  356. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  357. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  358. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  359. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  360. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  361. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  362. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  363. package/src/components/CustomColumnsPanel/ColumnListTableListItem.tsx +5 -1
  364. package/src/components/CustomColumnsPanel/ColumnsList.tsx +4 -2
  365. package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx +7 -2
  366. package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx +69 -0
  367. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  368. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  369. package/src/components/EditableTable/EditableCell.tsx +5 -8
  370. package/src/components/EditableTable/EditableColumnHeader.uni.driver.ts +10 -0
  371. package/src/components/EditableTable/EditableTable.tsx +11 -3
  372. package/src/components/EditableTable/HeaderActionsPopover.st.css +8 -10
  373. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  374. package/src/components/EditableTable/HeaderActionsPopover.tsx +9 -84
  375. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  376. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  377. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  378. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  379. package/src/components/EditableTable/cellTypes/date/Edit.tsx +6 -2
  380. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  381. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  382. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  383. package/src/components/EditableTable/cellTypes/image/View.tsx +3 -3
  384. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  385. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  386. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  387. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  388. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  389. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  390. package/src/components/EditableTable/cellTypes/text/Edit.tsx +24 -13
  391. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  392. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  393. package/src/components/EditableTable/cellTypes/url/Edit.tsx +8 -2
  394. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  395. package/src/components/EditableTable/cellTypes/url/View.uni.driver.ts +1 -3
  396. package/src/components/EditableTable/useCellFocusAndEditing.ts +4 -1
  397. package/src/components/EditableTable/useHeaderActions.tsx +120 -0
  398. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  399. package/src/components/Fade/Fade.st.css.ts +2 -2
  400. package/src/components/FieldActions/FieldActions.tsx +248 -0
  401. package/src/components/FieldActions/HeaderActionsPopover.tsx +99 -0
  402. package/src/components/{EditableTable → FieldActions}/headerActionTypes.ts +2 -0
  403. package/src/components/FieldActions/index.ts +17 -0
  404. package/src/components/Heading/Heading.st.css.ts +2 -2
  405. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  406. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  407. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  408. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  409. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  410. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  411. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  412. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  413. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  414. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  415. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  416. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  417. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  418. package/src/components/SchemaCard/SchemaCard.tsx +7 -5
  419. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  420. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  421. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  422. package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
  423. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  424. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  425. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  426. package/src/components/common.st.css.ts +2 -2
  427. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  428. package/src/state/EditableTable/EditableTableState.ts +3 -5
  429. package/src/state/EditableTable/FieldActionsState.ts +137 -1
  430. package/src/state/EditableTable/types.ts +6 -0
  431. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  432. package/src/state/ViewTypeState.ts +3 -1
  433. package/src/styles.global.css +1 -1
  434. package/src/types/SchemaConfig.ts +2 -0
  435. package/src/version.ts +1 -1
  436. package/dist/cjs/components/EditableTable/headerActionTypes.js.map +0 -1
  437. package/dist/cjs/components/EditableTable/useBuiltInHeaderActions.js +0 -130
  438. package/dist/cjs/components/EditableTable/useBuiltInHeaderActions.js.map +0 -1
  439. package/dist/cjs/components/EditableTable/useCloseOnAncestorScroll.js.map +0 -1
  440. package/dist/esm/components/EditableTable/headerActionTypes.js.map +0 -1
  441. package/dist/esm/components/EditableTable/useBuiltInHeaderActions.js +0 -84
  442. package/dist/esm/components/EditableTable/useBuiltInHeaderActions.js.map +0 -1
  443. package/dist/esm/components/EditableTable/useCloseOnAncestorScroll.js.map +0 -1
  444. package/dist/types/components/EditableTable/headerActionTypes.d.ts.map +0 -1
  445. package/dist/types/components/EditableTable/useBuiltInHeaderActions.d.ts +0 -6
  446. package/dist/types/components/EditableTable/useBuiltInHeaderActions.d.ts.map +0 -1
  447. package/dist/types/components/EditableTable/useCloseOnAncestorScroll.d.ts.map +0 -1
  448. package/src/components/EditableTable/useBuiltInHeaderActions.tsx +0 -116
  449. /package/dist/cjs/components/{EditableTable → FieldActions}/headerActionTypes.js +0 -0
  450. /package/dist/cjs/{components/EditableTable → hooks}/useCloseOnAncestorScroll.js +0 -0
  451. /package/dist/esm/components/{EditableTable → FieldActions}/headerActionTypes.js +0 -0
  452. /package/dist/esm/{components/EditableTable → hooks}/useCloseOnAncestorScroll.js +0 -0
  453. /package/dist/types/{components/EditableTable → hooks}/useCloseOnAncestorScroll.d.ts +0 -0
  454. /package/src/{components/EditableTable → hooks}/useCloseOnAncestorScroll.ts +0 -0
@@ -1,6 +1,11 @@
1
1
  import { action, makeObservable } from 'mobx';
2
2
  import { ConditionalModalState, TaskState } from '@wix/bex-core';
3
- import type { Translate } from '@wix/bex-core';
3
+ import type {
4
+ RemoveToast,
5
+ ShowToast,
6
+ ToastConfig,
7
+ Translate,
8
+ } from '@wix/bex-core';
4
9
  import type { MessageModalLayoutProps } from '@wix/design-system';
5
10
  import type { FieldActions } from '../../types/SchemaConfig';
6
11
  import type { EditableTableFieldActionsPermissions } from './EditableTableState';
@@ -9,25 +14,44 @@ export class FieldActionsState {
9
14
  readonly handlers: FieldActions | undefined;
10
15
  readonly permissions: EditableTableFieldActionsPermissions | undefined;
11
16
  readonly translate: Translate;
17
+ readonly showToast: ShowToast | undefined;
18
+
19
+ private _currentToastRemove: RemoveToast | undefined;
12
20
 
13
21
  readonly confirmModal = new ConditionalModalState<
14
22
  Partial<MessageModalLayoutProps>
15
23
  >();
16
24
  readonly deleteTask = new TaskState<unknown>();
25
+ readonly makePrimaryTask = new TaskState<unknown>();
26
+ readonly duplicateTask = new TaskState<unknown>();
27
+ readonly duplicateWithContentTask = new TaskState<unknown>();
17
28
 
18
29
  constructor(
19
30
  translate: Translate,
20
31
  handlers?: FieldActions,
21
32
  permissions?: EditableTableFieldActionsPermissions,
33
+ showToast?: ShowToast,
22
34
  ) {
23
35
  this.translate = translate;
24
36
  this.handlers = handlers;
25
37
  this.permissions = permissions;
38
+ this.showToast = showToast;
26
39
  makeObservable(this, {
27
40
  confirmDelete: action,
41
+ makePrimary: action,
42
+ duplicate: action,
43
+ duplicateWithContent: action,
28
44
  });
29
45
  }
30
46
 
47
+ private _showToast = (config: ToastConfig) => {
48
+ if (!this.showToast) {
49
+ return;
50
+ }
51
+ this._currentToastRemove?.();
52
+ this._currentToastRemove = this.showToast(config).remove;
53
+ };
54
+
31
55
  confirmDelete(fieldId: string) {
32
56
  const deleteField = this.handlers?.deleteField;
33
57
  if (!deleteField) {
@@ -46,6 +70,102 @@ export class FieldActionsState {
46
70
  });
47
71
  }
48
72
 
73
+ async makePrimary(fieldId: string) {
74
+ const makePrimary = this.handlers?.makePrimary;
75
+ if (!makePrimary || this.makePrimaryTask.status.isLoading) {
76
+ return;
77
+ }
78
+ await this.makePrimaryTask.run(
79
+ () => makePrimary(fieldId),
80
+ (err) => console.error('[EditableTable] makePrimary failed', err),
81
+ );
82
+ if (this.makePrimaryTask.status.isSuccess) {
83
+ this._showToast({
84
+ type: 'SUCCESS',
85
+ message: 'Primary field updated',
86
+ biName: 'cairo-field-action-make-primary-success',
87
+ });
88
+ } else if (this.makePrimaryTask.status.isError) {
89
+ this._showToast({
90
+ type: 'ERROR',
91
+ message: "Couldn't update primary field",
92
+ biName: 'cairo-field-action-make-primary-error',
93
+ action: {
94
+ text: 'Try again',
95
+ onClick: () => this.makePrimary(fieldId),
96
+ removeToastOnClick: true,
97
+ },
98
+ });
99
+ }
100
+ }
101
+
102
+ async duplicate(fieldId: string) {
103
+ const duplicateField = this.handlers?.duplicateField;
104
+ if (
105
+ !duplicateField ||
106
+ this.duplicateTask.status.isLoading ||
107
+ this.duplicateWithContentTask.status.isLoading
108
+ ) {
109
+ return;
110
+ }
111
+ await this.duplicateTask.run(
112
+ () => duplicateField(fieldId),
113
+ (err) => console.error('[EditableTable] duplicateField failed', err),
114
+ );
115
+ if (this.duplicateTask.status.isSuccess) {
116
+ this._showToast({
117
+ type: 'SUCCESS',
118
+ message: 'Field duplicated',
119
+ biName: 'cairo-field-action-duplicate-success',
120
+ });
121
+ } else if (this.duplicateTask.status.isError) {
122
+ this._showToast({
123
+ type: 'ERROR',
124
+ message: "Couldn't duplicate field",
125
+ biName: 'cairo-field-action-duplicate-error',
126
+ action: {
127
+ text: 'Try again',
128
+ onClick: () => this.duplicate(fieldId),
129
+ removeToastOnClick: true,
130
+ },
131
+ });
132
+ }
133
+ }
134
+
135
+ async duplicateWithContent(fieldId: string) {
136
+ const duplicateFieldWithContent = this.handlers?.duplicateFieldWithContent;
137
+ if (
138
+ !duplicateFieldWithContent ||
139
+ this.duplicateWithContentTask.status.isLoading ||
140
+ this.duplicateTask.status.isLoading
141
+ ) {
142
+ return;
143
+ }
144
+ await this.duplicateWithContentTask.run(
145
+ () => duplicateFieldWithContent(fieldId),
146
+ (err) =>
147
+ console.error('[EditableTable] duplicateFieldWithContent failed', err),
148
+ );
149
+ if (this.duplicateWithContentTask.status.isSuccess) {
150
+ this._showToast({
151
+ type: 'SUCCESS',
152
+ message: 'Field duplicated with content',
153
+ biName: 'cairo-field-action-duplicate-with-content-success',
154
+ });
155
+ } else if (this.duplicateWithContentTask.status.isError) {
156
+ this._showToast({
157
+ type: 'ERROR',
158
+ message: "Couldn't duplicate field with content",
159
+ biName: 'cairo-field-action-duplicate-with-content-error',
160
+ action: {
161
+ text: 'Try again',
162
+ onClick: () => this.duplicateWithContent(fieldId),
163
+ removeToastOnClick: true,
164
+ },
165
+ });
166
+ }
167
+ }
168
+
49
169
  private _runDelete = async (
50
170
  fieldId: string,
51
171
  deleteField: (id: string) => Promise<unknown>,
@@ -56,6 +176,22 @@ export class FieldActionsState {
56
176
  );
57
177
  if (this.deleteTask.status.isSuccess) {
58
178
  this.confirmModal.close();
179
+ this._showToast({
180
+ type: 'SUCCESS',
181
+ message: 'Field deleted',
182
+ biName: 'cairo-field-action-delete-success',
183
+ });
184
+ } else if (this.deleteTask.status.isError) {
185
+ this._showToast({
186
+ type: 'ERROR',
187
+ message: "Couldn't delete field",
188
+ biName: 'cairo-field-action-delete-error',
189
+ action: {
190
+ text: 'Try again',
191
+ onClick: () => this._runDelete(fieldId, deleteField),
192
+ removeToastOnClick: true,
193
+ },
194
+ });
59
195
  }
60
196
  };
61
197
  }
@@ -119,6 +119,12 @@ interface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {
119
119
 
120
120
  /** Is this column editable? (default: true if setValue exists) */
121
121
  editable?: boolean | ((item: T) => boolean);
122
+
123
+ /** True if this column represents the schema's primary field. Drives header-action disable rules (e.g. blocks Delete, blocks Make Primary). */
124
+ isPrimary?: boolean;
125
+
126
+ /** True if this column represents a system field. Drives header-action disable rules (e.g. blocks Edit, Delete, Duplicate). */
127
+ isSystem?: boolean;
122
128
  }
123
129
 
124
130
  export type EditableColumn<
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "FormPageHeader2252844895";
8
+ var _namespace_ = "FormPageHeader1500279690";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"FormPageHeader2252844895__root"};
16
+ export var classes = {"root":"FormPageHeader1500279690__root"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -81,7 +81,9 @@ export class ViewTypeState {
81
81
  );
82
82
  }
83
83
 
84
- this.viewType = this.options.includes(newViewType) ? newViewType : this.options[0]!;
84
+ this.viewType = this.options.includes(newViewType)
85
+ ? newViewType
86
+ : this.options[0]!;
85
87
  this.dataCapsule.setItem('view-type', this.viewType);
86
88
  }
87
89
 
@@ -1 +1 @@
1
- .CardContainer591728104__root.CardContainer591728104--mobile{border-radius:0}.Collapse1428355442__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1428355442__exit{height:0}.CollectionPage163861846__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage163861846__root.CollectionPage163861846--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage163861846__root.CollectionPage163861846--panel{overflow:hidden;position:relative}.CollectionSectionHeader1525580931__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3451955868__root td{vertical-align:middle}.CollectionTable3451955868__root.CollectionTable3451955868--mobile td:first-child{padding-left:18px}.CollectionTable3451955868__root.CollectionTable3451955868--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1169438468__root.CollectionTableWSRTable1169438468--resizable table{min-width:100%}.CollectionTableWSRTable1169438468__root.CollectionTableWSRTable1169438468--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2177108671__left{min-width:0}.CollectionToolbar2177108671__left.CollectionToolbar2177108671--expandable{flex:auto}.CollectionToolbar2177108671__left.CollectionToolbar2177108671--title>*{width:100%}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-5-title .CollectionToolbar2177108671__left{flex:1 100;min-width:50px}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left,.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left.CollectionToolbar2177108671--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2177108671__root .CollectionToolbar2177108671__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2177108671__root.CollectionToolbar2177108671--views .CollectionToolbar2177108671__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__right,.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-5-title .CollectionToolbar2177108671__right{flex:0 1 auto;min-width:0}.CollectionToolbar2177108671__root .CollectionToolbar2177108671__right.CollectionToolbar2177108671__fullWidth{margin-inline-start:0!important}.CollectionToolbar2177108671__root.CollectionToolbar2177108671--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1260543788__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1260543788__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1260543788__searchMobile:not(.SearchOrCustomFilter1260543788--expandable){left:18px}.SearchOrCustomFilter1260543788__searchMobile.SearchOrCustomFilter1260543788--expandable.SearchOrCustomFilter1260543788--expanded{left:18px}.AutoCompleteReadonly14725273__root.AutoCompleteReadonly14725273--disableEditing{cursor:pointer}.AutoCompleteReadonly14725273__root.AutoCompleteReadonly14725273--disableEditing input{cursor:pointer}.ViewsDropdown2478443290__root{width:200px}.DragHandle3290013460__root{display:flex;align-items:center}.DragHandle3290013460__root:not(.DragHandle3290013460--disabled){cursor:grab;color:#a8caff}.DragHandle3290013460__root.DragHandle3290013460--disabled{color:#acafc4}.DragHandle3290013460__root:focus-visible:not(.DragHandle3290013460--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3290013460__root.DragHandle3290013460--disabled{pointer-events:none}.DragHandle3290013460__root.DragHandle3290013460--dragging:not(.DragHandle3290013460--disabled){cursor:grabbing}td:has(>.EditableCell3900691882__root){position:relative;overflow:visible;min-height:24px}.EditableCell3900691882__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3900691882__root.EditableCell3900691882--selected{background:rgba(56,153,236,.08)}.EditableCell3900691882__root.EditableCell3900691882--focused:not(.EditableCell3900691882--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3900691882__root.EditableCell3900691882--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3900691882__root.EditableCell3900691882--editing:not(.EditableCell3900691882--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3900691882__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionTop:not(.EditableCell3900691882--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionBottom:not(.EditableCell3900691882--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionLeft:not(.EditableCell3900691882--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionRight:not(.EditableCell3900691882--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionTop.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionBottom.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionLeft.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionRight.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--invalid:not(.EditableCell3900691882--editing){background:rgba(229,0,77,.06)}.EditableCell3900691882__root.EditableCell3900691882--copiedTop:not(.EditableCell3900691882--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedBottom:not(.EditableCell3900691882--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedLeft:not(.EditableCell3900691882--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedRight:not(.EditableCell3900691882--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3638225715__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3638225715__root,.HeaderActionsPopover3638225715__root.HeaderActionsPopover3638225715--menuOpen,.HeaderActionsPopover3638225715__root:focus-within{opacity:1}.CellViewLayout3566532917__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3566532917__root>*{flex:1;min-width:0}.Edit3615457965__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3415268382__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2107511674__dateInput{width:100%;margin-left:-1px}.Edit1408306505__emailInput{width:100%;margin-left:-1px}.Edit116111444__numberInput{width:100%;margin-right:2px}.Edit116111444__numberInput input{text-align:right;direction:ltr}.View1858866971__textView{width:100%;text-align:right}.Edit527273855__jsonInput{width:100%;margin-left:-1px}.Edit1946452762__selectInput{width:100%}.Edit444568143__editWrapper{width:100%}.Edit444568143__inputArea{background-color:transparent;width:100%}.Edit444568143__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit444568143__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit444568143__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit444568143__inputArea:not(.Edit444568143--isFocused) textarea{resize:none;overflow:hidden}.Edit444568143__inputArea:not(.Edit444568143--isFocused) textarea::-webkit-scrollbar{display:none}.Edit560649002__urlInput{width:100%;margin-left:-1px}.View3802501682__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3802501682__urlText{flex:1;min-width:0}.View3802501682__suffix{flex-shrink:0;margin-left:10px}.View3802501682__textView.View3802501682--suffixOnHover:not(:hover) .View3802501682__suffix{display:none}.EntityPagePlain681429844__root.EntityPagePlain681429844--mobile{--wds-page-header-padding-horizontal:0}.Fade4043886153__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4043886153__root.Fade4043886153--exit{opacity:0}.Heading3062876130__root{visibility:visible}.Heading3062876130__root.Heading3062876130--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3828955019__fileUpload{width:100%}.InputOverflow1147860988__root.InputOverflow1147860988--selected:not(.InputOverflow1147860988--focused) input::placeholder{color:#000624}@keyframes LoadingRow3732638543__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3732638543__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3732638543__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2833716073__root{opacity:1}.MaxHeightText2833716073__root.MaxHeightText2833716073--height24{line-height:24px}.MaxLines2918359679__root{overflow:hidden}.MaxLines2918359679__root.MaxLines2918359679--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4201128667__root{min-width:0}.MultiBulkActionToolbar4201128667__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4201128667__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4201128667__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3795561005__root td{padding:0!important;width:100%}.NestedTableRow4145297049__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4145297049__root:hover{background-color:#e7f0ff!important}.NestedTableRow4145297049__root.NestedTableRow4145297049--expandable{cursor:pointer}.NestedTableRow4145297049__placeholder td{padding:0!important;width:100%}.NestedTableRow4145297049__root:hover td:first-of-type::before,.NestedTableRow4145297049__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect124075843__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2583153299__root.NestedTableDragAndDropRow2583153299--draggingInto td{background-color:#e7f0ff!important}.PickerContent142245375__root{display:flex}.PickerContentAdditionalStep3927095749__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3927095749__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1608188941__root{box-sizing:border-box}.ScrollableContent452829219__root.ScrollableContent452829219--overflowY{overflow-y:auto}.ScrollableContent452829219__root.ScrollableContent452829219--overflowX{overflow-x:auto}.ScrollableContent452829219__root.ScrollableContent452829219--smooth{scroll-behavior:smooth}.SkeletonCard1862786481__headerLoading{display:block!important}.SlidingModal3640650316__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3640650316__root.SlidingModal3640650316--overlay{transition:transform 0s ease 0s}.SlidingModal3640650316__root.SlidingModal3640650316---appendTo-6-parent{position:absolute}.SlidingModal3640650316__root:not(.SlidingModal3640650316--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter100310117__root .TabsFilter100310117__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter100310117__root.TabsFilter100310117--selected .TabsFilter100310117__title,.TabsFilter100310117__root:hover .TabsFilter100310117__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3725940786__root{display:flex}.ToolbarItem3280184156__root{min-width:0}.ToolbarItemBox2347880808__root{min-width:0}.ToolbarItemBox2347880808__root.ToolbarItemBox2347880808--removeStartPadding{margin-left:-24px}.ToolbarItemBox2347880808__root.ToolbarItemBox2347880808--expandable{flex:1 0}.common4202460000__column{display:flex;flex-direction:column}.common4202460000__fullHeight{height:100%;min-height:0}.CollectionPageHeader2799500605__root:not(.CollectionPageHeader2799500605--mobile){gap:12px}.CollectionPageHeader2799500605__root.CollectionPageHeader2799500605--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2799500605__root.CollectionPageHeader2799500605--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2252844895__root.FormPageHeader2252844895--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2252844895__root.FormPageHeader2252844895--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
1
+ .CardContainer2515162890__root.CardContainer2515162890--mobile{border-radius:0}.Collapse3645939412__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3645939412__exit{height:0}.CollectionPage688095007__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage688095007__root.CollectionPage688095007--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage688095007__root.CollectionPage688095007--panel{overflow:hidden;position:relative}.CollectionSectionHeader1234194784__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2532457238__root td{vertical-align:middle}.CollectionTable2532457238__root.CollectionTable2532457238--mobile td:first-child{padding-left:18px}.CollectionTable2532457238__root.CollectionTable2532457238--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4273858841__root.CollectionTableWSRTable4273858841--resizable table{min-width:100%}.CollectionTableWSRTable4273858841__root.CollectionTableWSRTable4273858841--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar157066470__left{min-width:0}.CollectionToolbar157066470__left.CollectionToolbar157066470--expandable{flex:auto}.CollectionToolbar157066470__left.CollectionToolbar157066470--title>*{width:100%}.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-5-title .CollectionToolbar157066470__left{flex:1 100;min-width:50px}.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-4-tabs .CollectionToolbar157066470__left,.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-4-tabs .CollectionToolbar157066470__left.CollectionToolbar157066470--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-4-tabs .CollectionToolbar157066470__left>*{flex-shrink:1;min-width:0}.CollectionToolbar157066470__root .CollectionToolbar157066470__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar157066470__root.CollectionToolbar157066470--views .CollectionToolbar157066470__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-4-tabs .CollectionToolbar157066470__right,.CollectionToolbar157066470__root.CollectionToolbar157066470---responsiveMode-5-title .CollectionToolbar157066470__right{flex:0 1 auto;min-width:0}.CollectionToolbar157066470__root .CollectionToolbar157066470__right.CollectionToolbar157066470__fullWidth{margin-inline-start:0!important}.CollectionToolbar157066470__root.CollectionToolbar157066470--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3697345475__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3697345475__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3697345475__searchMobile:not(.SearchOrCustomFilter3697345475--expandable){left:18px}.SearchOrCustomFilter3697345475__searchMobile.SearchOrCustomFilter3697345475--expandable.SearchOrCustomFilter3697345475--expanded{left:18px}.AutoCompleteReadonly2473283311__root.AutoCompleteReadonly2473283311--disableEditing{cursor:pointer}.AutoCompleteReadonly2473283311__root.AutoCompleteReadonly2473283311--disableEditing input{cursor:pointer}.ViewsDropdown2547644257__root{width:200px}.DragHandle3727815995__root{display:flex;align-items:center}.DragHandle3727815995__root:not(.DragHandle3727815995--disabled){cursor:grab;color:#a8caff}.DragHandle3727815995__root.DragHandle3727815995--disabled{color:#acafc4}.DragHandle3727815995__root:focus-visible:not(.DragHandle3727815995--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3727815995__root.DragHandle3727815995--disabled{pointer-events:none}.DragHandle3727815995__root.DragHandle3727815995--dragging:not(.DragHandle3727815995--disabled){cursor:grabbing}td:has(>.EditableCell3602162071__root){position:relative;overflow:visible;min-height:24px}.EditableCell3602162071__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3602162071__root.EditableCell3602162071--selected{background:rgba(56,153,236,.08)}.EditableCell3602162071__root.EditableCell3602162071--focused:not(.EditableCell3602162071--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3602162071__root.EditableCell3602162071--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3602162071__root.EditableCell3602162071--editing:not(.EditableCell3602162071--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3602162071__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionTop:not(.EditableCell3602162071--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionBottom:not(.EditableCell3602162071--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionLeft:not(.EditableCell3602162071--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionRight:not(.EditableCell3602162071--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionTop.EditableCell3602162071--editing.EditableCell3602162071--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionBottom.EditableCell3602162071--editing.EditableCell3602162071--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionLeft.EditableCell3602162071--editing.EditableCell3602162071--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--selectionRight.EditableCell3602162071--editing.EditableCell3602162071--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--invalid:not(.EditableCell3602162071--editing){background:rgba(229,0,77,.06)}.EditableCell3602162071__root.EditableCell3602162071--copiedTop:not(.EditableCell3602162071--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--copiedBottom:not(.EditableCell3602162071--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--copiedLeft:not(.EditableCell3602162071--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3602162071__root.EditableCell3602162071--copiedRight:not(.EditableCell3602162071--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3602162071__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover662907725__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover662907725__root,.HeaderActionsPopover662907725__root[data-menu-open=true],.HeaderActionsPopover662907725__root:focus-within{opacity:1}.CellViewLayout2349911037__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2349911037__root>*{flex:1;min-width:0}.Edit4228668187__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3992431541__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2849733869__dateInput{width:100%;margin-left:-1px}.Edit2338156068__emailInput{width:100%;margin-left:-1px}.Edit3198482543__numberInput{width:100%;margin-right:2px}.Edit3198482543__numberInput input{text-align:right;direction:ltr}.View1943206141__textView{width:100%;text-align:right}.Edit1103264885__jsonInput{width:100%;margin-left:-1px}.Edit1556649707__selectInput{width:100%}.Edit4035541426__editWrapper{width:100%}.Edit4035541426__inputArea{background-color:transparent;width:100%}.Edit4035541426__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4035541426__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4035541426__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4035541426__inputArea:not(.Edit4035541426--isFocused) textarea{resize:none;overflow:hidden}.Edit4035541426__inputArea:not(.Edit4035541426--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3804783142__urlInput{width:100%;margin-left:-1px}.View3203535727__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3203535727__urlText{flex:1;min-width:0}.View3203535727__suffix{flex-shrink:0;margin-left:10px}.View3203535727__textView.View3203535727--suffixOnHover:not(:hover) .View3203535727__suffix{display:none}.EntityPagePlain2692009362__root.EntityPagePlain2692009362--mobile{--wds-page-header-padding-horizontal:0}.Fade2962062934__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2962062934__root.Fade2962062934--exit{opacity:0}.Heading2428011585__root{visibility:visible}.Heading2428011585__root.Heading2428011585--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2889347292__fileUpload{width:100%}.InputOverflow788375391__root.InputOverflow788375391--selected:not(.InputOverflow788375391--focused) input::placeholder{color:#000624}@keyframes LoadingRow2398801252__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2398801252__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2398801252__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2225652198__root{opacity:1}.MaxHeightText2225652198__root.MaxHeightText2225652198--height24{line-height:24px}.MaxLines4249316507__root{overflow:hidden}.MaxLines4249316507__root.MaxLines4249316507--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4235211275__root{min-width:0}.MultiBulkActionToolbar4235211275__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4235211275__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4235211275__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1946540713__root td{padding:0!important;width:100%}.NestedTableRow2460612389__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2460612389__root:hover{background-color:#e7f0ff!important}.NestedTableRow2460612389__root.NestedTableRow2460612389--expandable{cursor:pointer}.NestedTableRow2460612389__placeholder td{padding:0!important;width:100%}.NestedTableRow2460612389__root:hover td:first-of-type::before,.NestedTableRow2460612389__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1249922194__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow4174353810__root.NestedTableDragAndDropRow4174353810--draggingInto td{background-color:#e7f0ff!important}.PickerContent3973713495__root{display:flex}.PickerContentAdditionalStep2016124852__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2016124852__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2433074301__root{box-sizing:border-box}.ScrollableContent2625116042__root.ScrollableContent2625116042--overflowY{overflow-y:auto}.ScrollableContent2625116042__root.ScrollableContent2625116042--overflowX{overflow-x:auto}.ScrollableContent2625116042__root.ScrollableContent2625116042--smooth{scroll-behavior:smooth}.SkeletonCard567081106__headerLoading{display:block!important}.SlidingModal1034207869__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1034207869__root.SlidingModal1034207869--overlay{transition:transform 0s ease 0s}.SlidingModal1034207869__root.SlidingModal1034207869---appendTo-6-parent{position:absolute}.SlidingModal1034207869__root:not(.SlidingModal1034207869--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter118117328__root .TabsFilter118117328__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter118117328__root.TabsFilter118117328--selected .TabsFilter118117328__title,.TabsFilter118117328__root:hover .TabsFilter118117328__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal536355500__root{display:flex}.ToolbarItem4246765503__root{min-width:0}.ToolbarItemBox1967016999__root{min-width:0}.ToolbarItemBox1967016999__root.ToolbarItemBox1967016999--removeStartPadding{margin-left:-24px}.ToolbarItemBox1967016999__root.ToolbarItemBox1967016999--expandable{flex:1 0}.common3424099641__column{display:flex;flex-direction:column}.common3424099641__fullHeight{height:100%;min-height:0}.CollectionPageHeader297172699__root:not(.CollectionPageHeader297172699--mobile){gap:12px}.CollectionPageHeader297172699__root.CollectionPageHeader297172699--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader297172699__root.CollectionPageHeader297172699--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1500279690__root.FormPageHeader1500279690--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1500279690__root.FormPageHeader1500279690--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
@@ -118,6 +118,8 @@ export interface FieldActions {
118
118
  addField?: (field: Field) => Promise<any>;
119
119
  deleteField?: (fieldId: string) => Promise<any>;
120
120
  duplicateField?: (fieldId: string) => Promise<any>;
121
+ duplicateFieldWithContent?: (fieldId: string) => Promise<any>;
122
+ makePrimary?: (fieldId: string) => Promise<any>;
121
123
  renameField?: (fieldId: string, newName: string) => Promise<any>;
122
124
  }
123
125
 
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export const version = 'patterns@1.387.0';
1
+ export const version = 'patterns@1.388.0';
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n /** The text label of the action item. */\n label: string;\n /** Handler called when the action is clicked. */\n onClick: () => void;\n /** An icon to display before the text. */\n icon?: ReactNode;\n /** Disables the action both visually and functionally. */\n disabled?: boolean;\n /** Tooltip text shown when the action is disabled. */\n disabledTooltip?: string;\n /** Visual style — 'dark' (default) or 'destructive' (red). */\n skin?: 'dark' | 'destructive';\n}\n"],"mappings":"","ignoreList":[]}
@@ -1,130 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.useBuiltInHeaderActions = useBuiltInHeaderActions;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
7
- var _HeaderActionsPopover = require("./HeaderActionsPopover");
8
- var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/useBuiltInHeaderActions.tsx";
9
- 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); }
10
- function useBuiltInHeaderActions(state, columns, disabled) {
11
- const {
12
- toolbar
13
- } = state;
14
- const {
15
- customColumnsState,
16
- panels,
17
- toolbarFiltersState
18
- } = toolbar;
19
- const {
20
- handlers: fieldActionHandlers,
21
- permissions: fieldActionPermissions
22
- } = state.fieldActions;
23
- return (0, _react.useMemo)(() => {
24
- if (disabled) {
25
- return {};
26
- }
27
- const result = {};
28
- for (const col of columns) {
29
- const groups = [];
30
-
31
- // Group 1: Sort actions
32
- if (col.sortable) {
33
- groups.push([{
34
- label: 'Sort Ascending',
35
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortAscendingSmall, {
36
- __self: this,
37
- __source: {
38
- fileName: _jsxFileName,
39
- lineNumber: 40,
40
- columnNumber: 19
41
- }
42
- }),
43
- onClick: () => state.sort(col.id, {
44
- forceDirection: 'asc'
45
- })
46
- }, {
47
- label: 'Sort Descending',
48
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortDescendingSmall, {
49
- __self: this,
50
- __source: {
51
- fileName: _jsxFileName,
52
- lineNumber: 45,
53
- columnNumber: 19
54
- }
55
- }),
56
- onClick: () => state.sort(col.id, {
57
- forceDirection: 'desc'
58
- })
59
- }]);
60
- }
61
-
62
- // Group 2: Filter action (only when filter exists for this column)
63
- const hasFilter = toolbarFiltersState && state.collection.query.customFilters[col.id] != null;
64
- if (hasFilter) {
65
- groups.push([{
66
- label: 'Filter',
67
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilterSmall, {
68
- __self: this,
69
- __source: {
70
- fileName: _jsxFileName,
71
- lineNumber: 59,
72
- columnNumber: 19
73
- }
74
- }),
75
- onClick: () => panels.openSidePanel('filters')
76
- }]);
77
- }
78
-
79
- // Group 3: Hide column action
80
- if (col.hideable !== false && customColumnsState) {
81
- const column = toolbar.columns.find(c => c.id === col.id);
82
- if (column) {
83
- groups.push([{
84
- label: 'Hide Column',
85
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.HiddenSmall, {
86
- __self: this,
87
- __source: {
88
- fileName: _jsxFileName,
89
- lineNumber: 72,
90
- columnNumber: 21
91
- }
92
- }),
93
- onClick: () => customColumnsState.onColumnCheckboxToggle(column)
94
- }]);
95
- }
96
- }
97
-
98
- // Group 4: Delete (schema mutation — isolated, last)
99
- if (fieldActionHandlers != null && fieldActionHandlers.deleteField && !(fieldActionPermissions != null && fieldActionPermissions.deleteDisabled)) {
100
- groups.push([{
101
- label: 'Delete',
102
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
103
- __self: this,
104
- __source: {
105
- fileName: _jsxFileName,
106
- lineNumber: 87,
107
- columnNumber: 19
108
- }
109
- }),
110
- skin: 'destructive',
111
- onClick: () => state.fieldActions.confirmDelete(col.id)
112
- }]);
113
- }
114
- if (groups.length > 0) {
115
- result[col.id] = /*#__PURE__*/_react.default.createElement(_HeaderActionsPopover.HeaderActionsPopover, {
116
- actions: groups,
117
- dataHook: `header-actions-${col.id}`,
118
- __self: this,
119
- __source: {
120
- fileName: _jsxFileName,
121
- lineNumber: 96,
122
- columnNumber: 11
123
- }
124
- });
125
- }
126
- }
127
- return result;
128
- }, [state, columns, toolbar, customColumnsState, panels, toolbarFiltersState, disabled, fieldActionHandlers, fieldActionPermissions]);
129
- }
130
- //# sourceMappingURL=useBuiltInHeaderActions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiIconsCommon","_HeaderActionsPopover","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuiltInHeaderActions","state","columns","disabled","toolbar","customColumnsState","panels","toolbarFiltersState","handlers","fieldActionHandlers","permissions","fieldActionPermissions","fieldActions","useMemo","result","col","groups","sortable","push","label","icon","createElement","SortAscendingSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","sort","id","forceDirection","SortDescendingSmall","hasFilter","collection","query","customFilters","ContentFilterSmall","openSidePanel","hideable","column","find","c","HiddenSmall","onColumnCheckboxToggle","deleteField","deleteDisabled","DeleteSmall","skin","confirmDelete","length","HeaderActionsPopover","actions","dataHook"],"sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"sourcesContent":["import React, { useMemo, type ReactNode } from 'react';\nimport {\n SortAscendingSmall,\n SortDescendingSmall,\n ContentFilterSmall,\n HiddenSmall,\n DeleteSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport type { HeaderAction } from './headerActionTypes';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\nexport function useBuiltInHeaderActions<T, F extends FiltersMap>(\n state: EditableTableState<T, F>,\n columns: EditableColumn<T>[],\n disabled?: boolean,\n): Record<string, ReactNode> {\n const { toolbar } = state;\n const { customColumnsState, panels, toolbarFiltersState } = toolbar;\n const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } =\n state.fieldActions;\n\n return useMemo(() => {\n if (disabled) {\n return {};\n }\n\n const result: Record<string, ReactNode> = {};\n\n for (const col of columns) {\n const groups: HeaderAction[][] = [];\n\n // Group 1: Sort actions\n if (col.sortable) {\n groups.push([\n {\n label: 'Sort Ascending',\n icon: <SortAscendingSmall />,\n onClick: () => state.sort(col.id, { forceDirection: 'asc' }),\n },\n {\n label: 'Sort Descending',\n icon: <SortDescendingSmall />,\n onClick: () => state.sort(col.id, { forceDirection: 'desc' }),\n },\n ]);\n }\n\n // Group 2: Filter action (only when filter exists for this column)\n const hasFilter =\n toolbarFiltersState &&\n state.collection.query.customFilters[col.id] != null;\n if (hasFilter) {\n groups.push([\n {\n label: 'Filter',\n icon: <ContentFilterSmall />,\n onClick: () => panels.openSidePanel('filters'),\n },\n ]);\n }\n\n // Group 3: Hide column action\n if (col.hideable !== false && customColumnsState) {\n const column = toolbar.columns.find((c) => c.id === col.id);\n if (column) {\n groups.push([\n {\n label: 'Hide Column',\n icon: <HiddenSmall />,\n onClick: () => customColumnsState.onColumnCheckboxToggle(column),\n },\n ]);\n }\n }\n\n // Group 4: Delete (schema mutation — isolated, last)\n if (\n fieldActionHandlers?.deleteField &&\n !fieldActionPermissions?.deleteDisabled\n ) {\n groups.push([\n {\n label: 'Delete',\n icon: <DeleteSmall />,\n skin: 'destructive',\n onClick: () => state.fieldActions.confirmDelete(col.id),\n },\n ]);\n }\n\n if (groups.length > 0) {\n result[col.id] = (\n <HeaderActionsPopover\n actions={groups}\n dataHook={`header-actions-${col.id}`}\n />\n );\n }\n }\n\n return result;\n }, [\n state,\n columns,\n toolbar,\n customColumnsState,\n panels,\n toolbarFiltersState,\n disabled,\n fieldActionHandlers,\n fieldActionPermissions,\n ]);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","require","useCloseOnAncestorScroll","wrapperRef","closePopover","enabled","useEffect","onScroll","e","target","contains","current","document","addEventListener","removeEventListener"],"sources":["../../../../src/components/EditableTable/useCloseOnAncestorScroll.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react';\n\n/**\n * Closes a popover when an ancestor element scrolls.\n * Ignores scroll events from within the component itself or its portaled content.\n * Only active when `enabled` is true — pass false when the cell isn't editing\n * to avoid a capture-phase scroll listener firing on every virtual-scroll frame.\n */\nexport function useCloseOnAncestorScroll(\n wrapperRef: RefObject<HTMLElement | null>,\n closePopover: () => void,\n enabled: boolean,\n) {\n useEffect(() => {\n if (!enabled) {\n return;\n }\n const onScroll = (e: Event) => {\n const target = e.target as Node;\n if (target.contains?.(wrapperRef.current)) {\n closePopover();\n }\n };\n document.addEventListener('scroll', onScroll, true);\n return () => document.removeEventListener('scroll', onScroll, true);\n }, [wrapperRef, closePopover, enabled]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CACtCC,UAAyC,EACzCC,YAAwB,EACxBC,OAAgB,EAChB;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACD,OAAO,EAAE;MACZ;IACF;IACA,MAAME,QAAQ,GAAIC,CAAQ,IAAK;MAC7B,MAAMC,MAAM,GAAGD,CAAC,CAACC,MAAc;MAC/B,IAAIA,MAAM,CAACC,QAAQ,YAAfD,MAAM,CAACC,QAAQ,CAAGP,UAAU,CAACQ,OAAO,CAAC,EAAE;QACzCP,YAAY,CAAC,CAAC;MAChB;IACF,CAAC;IACDQ,QAAQ,CAACC,gBAAgB,CAAC,QAAQ,EAAEN,QAAQ,EAAE,IAAI,CAAC;IACnD,OAAO,MAAMK,QAAQ,CAACE,mBAAmB,CAAC,QAAQ,EAAEP,QAAQ,EAAE,IAAI,CAAC;EACrE,CAAC,EAAE,CAACJ,UAAU,EAAEC,YAAY,EAAEC,OAAO,CAAC,CAAC;AACzC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerActionTypes.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"names":[],"mappings":""}
@@ -1,84 +0,0 @@
1
- import React, { useMemo } from 'react';
2
- import { SortAscendingSmall, SortDescendingSmall, ContentFilterSmall, HiddenSmall, DeleteSmall, } from '@wix/wix-ui-icons-common';
3
- import { HeaderActionsPopover } from './HeaderActionsPopover';
4
- export function useBuiltInHeaderActions(state, columns, disabled) {
5
- const { toolbar } = state;
6
- const { customColumnsState, panels, toolbarFiltersState } = toolbar;
7
- const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } = state.fieldActions;
8
- return useMemo(() => {
9
- if (disabled) {
10
- return {};
11
- }
12
- const result = {};
13
- for (const col of columns) {
14
- const groups = [];
15
- // Group 1: Sort actions
16
- if (col.sortable) {
17
- groups.push([
18
- {
19
- label: 'Sort Ascending',
20
- icon: React.createElement(SortAscendingSmall, null),
21
- onClick: () => state.sort(col.id, { forceDirection: 'asc' }),
22
- },
23
- {
24
- label: 'Sort Descending',
25
- icon: React.createElement(SortDescendingSmall, null),
26
- onClick: () => state.sort(col.id, { forceDirection: 'desc' }),
27
- },
28
- ]);
29
- }
30
- // Group 2: Filter action (only when filter exists for this column)
31
- const hasFilter = toolbarFiltersState &&
32
- state.collection.query.customFilters[col.id] != null;
33
- if (hasFilter) {
34
- groups.push([
35
- {
36
- label: 'Filter',
37
- icon: React.createElement(ContentFilterSmall, null),
38
- onClick: () => panels.openSidePanel('filters'),
39
- },
40
- ]);
41
- }
42
- // Group 3: Hide column action
43
- if (col.hideable !== false && customColumnsState) {
44
- const column = toolbar.columns.find((c) => c.id === col.id);
45
- if (column) {
46
- groups.push([
47
- {
48
- label: 'Hide Column',
49
- icon: React.createElement(HiddenSmall, null),
50
- onClick: () => customColumnsState.onColumnCheckboxToggle(column),
51
- },
52
- ]);
53
- }
54
- }
55
- // Group 4: Delete (schema mutation — isolated, last)
56
- if (fieldActionHandlers?.deleteField &&
57
- !fieldActionPermissions?.deleteDisabled) {
58
- groups.push([
59
- {
60
- label: 'Delete',
61
- icon: React.createElement(DeleteSmall, null),
62
- skin: 'destructive',
63
- onClick: () => state.fieldActions.confirmDelete(col.id),
64
- },
65
- ]);
66
- }
67
- if (groups.length > 0) {
68
- result[col.id] = (React.createElement(HeaderActionsPopover, { actions: groups, dataHook: `header-actions-${col.id}` }));
69
- }
70
- }
71
- return result;
72
- }, [
73
- state,
74
- columns,
75
- toolbar,
76
- customColumnsState,
77
- panels,
78
- toolbarFiltersState,
79
- disabled,
80
- fieldActionHandlers,
81
- fieldActionPermissions,
82
- ]);
83
- }
84
- //# sourceMappingURL=useBuiltInHeaderActions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBuiltInHeaderActions.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCloseOnAncestorScroll.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useCloseOnAncestorScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CACtC,UAAyC,EACzC,YAAwB,EACxB,OAAgB;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAc,CAAC;YAChC,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBACzC,YAAY,EAAE,CAAC;aAChB;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerActionTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAC/B"}
@@ -1,6 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- import type { FiltersMap } from '@wix/bex-core';
3
- import type { EditableTableState } from '../../state/EditableTable';
4
- import type { EditableColumn } from '../../state/EditableTable/types';
5
- export declare function useBuiltInHeaderActions<T, F extends FiltersMap>(state: EditableTableState<T, F>, columns: EditableColumn<T>[], disabled?: boolean): Record<string, ReactNode>;
6
- //# sourceMappingURL=useBuiltInHeaderActions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBuiltInHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAItE,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,EAC7D,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC/B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAC5B,QAAQ,CAAC,EAAE,OAAO,GACjB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAiG3B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCloseOnAncestorScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableTable/useCloseOnAncestorScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,YAAY,EAAE,MAAM,IAAI,EACxB,OAAO,EAAE,OAAO,QAejB"}