@wix/patterns 1.451.0 → 1.453.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 (361) 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/CmsFieldManagement/CmsFieldForm.st.css.js +3 -3
  4. package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js.map +1 -1
  5. package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js +3 -3
  6. package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map +1 -1
  7. package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +3 -3
  8. package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
  9. package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js +3 -3
  10. package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js.map +1 -1
  11. package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
  12. package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
  13. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  14. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
  15. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
  16. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  17. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
  18. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  19. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  20. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
  21. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
  22. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  23. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
  24. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  25. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  26. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  27. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  28. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  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.st.css +7 -0
  32. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  33. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  34. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  35. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  36. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  37. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  38. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
  39. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
  40. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
  41. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  42. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  43. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  44. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  45. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  46. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  47. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  48. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  49. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  50. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  51. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  52. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
  53. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  54. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
  55. package/dist/cjs/components/EditableTable/cellTypes/datetime/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/number/Edit.st.css.js +3 -3
  61. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  62. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  63. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  64. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  65. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  66. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  67. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  68. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  69. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  70. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  71. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  72. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  73. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  74. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
  75. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
  76. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  77. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  78. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  79. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  80. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  81. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
  82. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  83. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  84. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  85. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  86. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  87. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  88. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  89. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  90. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  91. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  92. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  93. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  94. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  95. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  96. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  97. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  98. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  99. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  100. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  101. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  102. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  103. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  104. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  105. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  106. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  107. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  108. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  109. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  110. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  111. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  112. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  113. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  114. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  115. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  116. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js +10 -10
  117. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  118. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  119. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  120. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  121. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  122. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +4 -4
  123. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
  124. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
  125. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  126. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  127. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  128. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  129. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  130. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  131. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  132. package/dist/cjs/components/common.st.css.js +4 -4
  133. package/dist/cjs/components/common.st.css.js.map +1 -1
  134. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  135. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  136. package/dist/cjs/state/EditableTable/CellValueState.js +57 -9
  137. package/dist/cjs/state/EditableTable/CellValueState.js.map +1 -1
  138. package/dist/cjs/state/EditableTable/EditableTableState.js +10 -0
  139. package/dist/cjs/state/EditableTable/EditableTableState.js.map +1 -1
  140. package/dist/cjs/state/EditableTable/MutationState.js +1 -0
  141. package/dist/cjs/state/EditableTable/MutationState.js.map +1 -1
  142. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  143. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  144. package/dist/cjs/styles.global.css +2 -2
  145. package/dist/cjs/version.js +1 -1
  146. package/dist/cjs/version.js.map +1 -1
  147. package/dist/docs/index.json +16 -16
  148. package/dist/docs/useAmbassadorCollection.md +72 -16
  149. package/dist/docs/useCollection.md +29 -13
  150. package/dist/docs/useEntity.md +29 -7
  151. package/dist/docs/useEntityPage.md +48 -23
  152. package/dist/docs/useEntityPageContext.md +15 -3
  153. package/dist/docs/useNestedTable.md +81 -26
  154. package/dist/docs/usePickerContent.md +26 -12
  155. package/dist/docs/usePickerModal.md +98 -16
  156. package/dist/docs/usePickerStandalone.md +49 -19
  157. package/dist/docs/useSettingsPage.md +43 -22
  158. package/dist/docs/useSettingsPageContext.md +14 -3
  159. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  160. package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
  161. package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
  162. package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
  163. package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js +2 -2
  164. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  165. package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
  166. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  167. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  168. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  169. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  170. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  171. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  172. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  173. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  174. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  175. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  176. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  177. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  178. package/dist/esm/components/DragHandle/DragHandle.st.css.js.map +1 -1
  179. package/dist/esm/components/EditableTable/EditableCell.st.css +7 -0
  180. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  181. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  182. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  183. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  184. package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
  185. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
  186. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  187. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  188. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  189. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  190. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  191. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  192. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  193. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  194. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
  195. package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
  196. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  197. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  198. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  199. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  200. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  201. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  202. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  203. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  204. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  205. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  206. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  207. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  208. package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js +2 -2
  209. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  210. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  211. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  212. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  213. package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  214. package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
  215. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  216. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  217. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  218. package/dist/esm/components/Fade/Fade.st.css.js.map +1 -1
  219. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  220. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
  221. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  222. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  223. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  224. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  225. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  226. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  227. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  228. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  229. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  230. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  231. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  232. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  233. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  234. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  235. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  236. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  237. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  238. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  239. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +2 -2
  240. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  241. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  242. package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +2 -2
  243. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
  244. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  245. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  246. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  247. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  248. package/dist/esm/components/common.st.css.js +2 -2
  249. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  250. package/dist/esm/state/EditableTable/CellValueState.js +55 -8
  251. package/dist/esm/state/EditableTable/CellValueState.js.map +1 -1
  252. package/dist/esm/state/EditableTable/EditableTableState.js +8 -0
  253. package/dist/esm/state/EditableTable/EditableTableState.js.map +1 -1
  254. package/dist/esm/state/EditableTable/MutationState.js +1 -0
  255. package/dist/esm/state/EditableTable/MutationState.js.map +1 -1
  256. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  257. package/dist/esm/styles.global.css +2 -2
  258. package/dist/esm/version.js +1 -1
  259. package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
  260. package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
  261. package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
  262. package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
  263. package/dist/types/components/DragHandle/DragHandle.st.css.d.ts.map +1 -1
  264. package/dist/types/components/EditableTable/HeaderActionsPopover.st.css.d.ts.map +1 -1
  265. package/dist/types/components/EditableTable/cellTypes/array/Edit.st.css.d.ts.map +1 -1
  266. package/dist/types/components/EditableTable/cellTypes/color/Edit.st.css.d.ts.map +1 -1
  267. package/dist/types/components/EditableTable/cellTypes/date/Edit.st.css.d.ts.map +1 -1
  268. package/dist/types/components/EditableTable/cellTypes/number/Edit.st.css.d.ts.map +1 -1
  269. package/dist/types/components/EditableTable/cellTypes/number/View.st.css.d.ts.map +1 -1
  270. package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -1
  271. package/dist/types/components/EditableTable/cellTypes/url/Edit.st.css.d.ts.map +1 -1
  272. package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
  273. package/dist/types/components/EmptyState/EmptyStateBase.st.css.d.ts.map +1 -1
  274. package/dist/types/components/EntityPage/EntityPagePlain.st.css.d.ts.map +1 -1
  275. package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
  276. package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
  277. package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
  278. package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
  279. package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
  280. package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
  281. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
  282. package/dist/types/state/EditableTable/CellValueState.d.ts +10 -5
  283. package/dist/types/state/EditableTable/CellValueState.d.ts.map +1 -1
  284. package/dist/types/state/EditableTable/EditableTableState.d.ts.map +1 -1
  285. package/dist/types/state/EditableTable/MutationState.d.ts.map +1 -1
  286. package/dist/types/version.d.ts +1 -1
  287. package/package.json +7 -7
  288. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  289. package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
  290. package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
  291. package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts +2 -2
  292. package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts +2 -2
  293. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  294. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  295. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  296. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  297. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  298. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  299. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  300. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  301. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  302. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  303. package/src/components/EditableTable/EditableCell.st.css +7 -0
  304. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  305. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  306. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  307. package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
  308. package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
  309. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  310. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  311. package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
  312. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  313. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  314. package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
  315. package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
  316. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  317. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  318. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  319. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  320. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  321. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  322. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  323. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  324. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  325. package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
  326. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  327. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  328. package/src/components/EmptyState/EmptyStateBase.st.css.ts +2 -2
  329. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  330. package/src/components/Fade/Fade.st.css.ts +2 -2
  331. package/src/components/Heading/Heading.st.css.ts +2 -2
  332. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  333. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  334. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  335. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  336. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  337. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  338. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  339. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  340. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  341. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  342. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  343. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  344. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  345. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  346. package/src/components/SetupWidget/SetupWidget.st.css.ts +2 -2
  347. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  348. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  349. package/src/components/Table/AddFieldColumnHeader.st.css.ts +2 -2
  350. package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
  351. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  352. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  353. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  354. package/src/components/common.st.css.ts +2 -2
  355. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  356. package/src/state/EditableTable/CellValueState.ts +57 -8
  357. package/src/state/EditableTable/EditableTableState.ts +10 -0
  358. package/src/state/EditableTable/MutationState.ts +2 -4
  359. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  360. package/src/styles.global.css +2 -2
  361. package/src/version.ts +1 -1
@@ -1,3 +1,3 @@
1
- .CardContainer1711673602__root.CardContainer1711673602--mobile{border-radius:0}.CmsFieldForm1619626514__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal105335989__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2151930754__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1111158472__field{flex:1;min-width:0}.Collapse2578313290__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2578313290__exit{height:0}.CollectionPage2659306423__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2659306423__root.CollectionPage2659306423--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2659306423__root.CollectionPage2659306423--panel{overflow:hidden;position:relative}.CollectionSectionHeader4091900070__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2559767121__root td{vertical-align:middle}.CollectionTable2559767121__root.CollectionTable2559767121--mobile td:first-child{padding-left:18px}.CollectionTable2559767121__root.CollectionTable2559767121--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1739376777__root.CollectionTableWSRTable1739376777--resizable table{min-width:100%}.CollectionTableWSRTable1739376777__root.CollectionTableWSRTable1739376777--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1999452434__root.CollectionToolbar1999452434--harmony .CollectionToolbar1999452434__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1999452434__left{min-width:0}.CollectionToolbar1999452434__left.CollectionToolbar1999452434--expandable{flex:auto}.CollectionToolbar1999452434__left.CollectionToolbar1999452434--title>*{width:100%}.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-5-title .CollectionToolbar1999452434__left{flex:1 100;min-width:50px}.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-4-tabs .CollectionToolbar1999452434__left,.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-4-tabs .CollectionToolbar1999452434__left.CollectionToolbar1999452434--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-4-tabs .CollectionToolbar1999452434__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1999452434__root .CollectionToolbar1999452434__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1999452434__root.CollectionToolbar1999452434--views .CollectionToolbar1999452434__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-4-tabs .CollectionToolbar1999452434__right,.CollectionToolbar1999452434__root.CollectionToolbar1999452434---responsiveMode-5-title .CollectionToolbar1999452434__right{flex:0 1 auto;min-width:0}.CollectionToolbar1999452434__root .CollectionToolbar1999452434__right.CollectionToolbar1999452434__fullWidth{margin-inline-start:0!important}.CollectionToolbar1999452434__root.CollectionToolbar1999452434--mobile:not(.CollectionToolbar1999452434--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1081706242__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1081706242__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1081706242__searchMobile:not(.SearchOrCustomFilter1081706242--expandable){left:18px}.SearchOrCustomFilter1081706242__searchMobile.SearchOrCustomFilter1081706242--expandable.SearchOrCustomFilter1081706242--expanded{left:18px}.AutoCompleteReadonly2673029047__root.AutoCompleteReadonly2673029047--disableEditing{cursor:pointer}.AutoCompleteReadonly2673029047__root.AutoCompleteReadonly2673029047--disableEditing input{cursor:pointer}.ViewsDropdown2530193959__root{width:200px}.DragHandle4221686578__root{display:flex;align-items:center}.DragHandle4221686578__root:not(.DragHandle4221686578--disabled){cursor:grab;color:#a8caff}.DragHandle4221686578__root.DragHandle4221686578--disabled{color:#acafc4}.DragHandle4221686578__root:focus-visible:not(.DragHandle4221686578--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4221686578__root.DragHandle4221686578--disabled{pointer-events:none}.DragHandle4221686578__root.DragHandle4221686578--dragging:not(.DragHandle4221686578--disabled){cursor:grabbing}td:has(>.EditableCell2257714100__root){position:relative;overflow:visible}tr:has(.EditableCell2257714100__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2257714100__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell2257714100__root{top:0}.EditableCell2257714100__root:hover:not(.EditableCell2257714100--rowActive):not(.EditableCell2257714100--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2257714100__root.EditableCell2257714100--rowActive:not(.EditableCell2257714100--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2257714100__root.EditableCell2257714100--rowActive:hover:not(.EditableCell2257714100--focused):not(.EditableCell2257714100--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell2257714100__root.EditableCell2257714100--focused:not(.EditableCell2257714100--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell2257714100__root.EditableCell2257714100--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2257714100__root.EditableCell2257714100--editing:not(.EditableCell2257714100--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2257714100__root.EditableCell2257714100--focused.EditableCell2257714100--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2257714100__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell2257714100__root.EditableCell2257714100--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2257714100__root.EditableCell2257714100--selectionTop:not(.EditableCell2257714100--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--selectionBottom:not(.EditableCell2257714100--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--selectionLeft:not(.EditableCell2257714100--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--selectionRight:not(.EditableCell2257714100--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--invalid,.EditableCell2257714100__root.EditableCell2257714100--invalid.EditableCell2257714100--rowActive:hover:not(.EditableCell2257714100--focused):not(.EditableCell2257714100--rangeSelected),.EditableCell2257714100__root.EditableCell2257714100--invalid.EditableCell2257714100--focused:not(.EditableCell2257714100--rangeSelected),.EditableCell2257714100__root.EditableCell2257714100--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2257714100__root.EditableCell2257714100--copiedTop:not(.EditableCell2257714100--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--copiedBottom:not(.EditableCell2257714100--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--copiedLeft:not(.EditableCell2257714100--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--copiedRight:not(.EditableCell2257714100--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2257714100__root.EditableCell2257714100--invalid:not(.EditableCell2257714100--focused):not(.EditableCell2257714100--editing){z-index:1}.EditableCell2257714100__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}.HeaderActionsPopover494169417__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover494169417__root,.HeaderActionsPopover494169417__root[data-menu-open=true],.HeaderActionsPopover494169417__root:focus-within{opacity:1}.CellViewLayout3535385230__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3535385230__root>*{flex:1;min-width:0}.Edit3407610803__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit3407610803__addressInput>div,.Edit3407610803__addressInput>div>div,.Edit3407610803__addressInput>div>div>div{width:100%;min-width:0}.Edit3861503581__jsonInput{width:100%;margin-left:-1px}.Edit1329936342__booleanEdit{display:flex;align-items:center;margin-left:8px}.View2225504801__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit668523148__root{width:100%;height:100%;display:flex;align-items:center}.Edit667824036__dateInput{width:100%;margin-left:-1px}.Edit2869901044__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2869901044__dateHalf{flex:60 1 0}.Edit2869901044__timeHalf{flex:40 1 0}.Edit2869901044__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2869901044__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2869901044__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1194284329__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1194284329__datePart{flex:60 1 0}.View1194284329__timePart{flex:40 1 0}.View1194284329__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1194284329__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1651616563__emailInput{width:100%;margin-left:-1px}.Edit393696403__numberInput{width:100%;margin-right:2px}.Edit393696403__numberInput input{text-align:right;direction:ltr}.View4022201542__textView{width:100%;text-align:right}.Edit1211513544__jsonInput{width:100%;margin-left:-1px}.Edit1522000908__selectInput{width:100%}.Edit2458059836__editWrapper{width:100%}.Edit2458059836__inputArea{background-color:transparent;width:100%}.Edit2458059836__inputArea input,.Edit2458059836__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2458059836__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2458059836__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2458059836__inputArea>div::after{box-shadow:none!important}.Edit2458059836__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2458059836__inputArea:not(.Edit2458059836--isFocused) textarea{resize:none;overflow:hidden}.Edit2458059836__inputArea:not(.Edit2458059836--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2666239859__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
1
+ .CardContainer3859071318__root.CardContainer3859071318--mobile{border-radius:0}.CmsFieldForm2475567086__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal106183385__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1171344576__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3463036576__field{flex:1;min-width:0}.Collapse251554959__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse251554959__exit{height:0}.CollectionPage1540807970__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1540807970__root.CollectionPage1540807970--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1540807970__root.CollectionPage1540807970--panel{overflow:hidden;position:relative}.CollectionSectionHeader2007563928__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable782966818__root td{vertical-align:middle}.CollectionTable782966818__root.CollectionTable782966818--mobile td:first-child{padding-left:18px}.CollectionTable782966818__root.CollectionTable782966818--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1279013635__root.CollectionTableWSRTable1279013635--resizable table{min-width:100%}.CollectionTableWSRTable1279013635__root.CollectionTableWSRTable1279013635--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3867150910__root.CollectionToolbar3867150910--harmony .CollectionToolbar3867150910__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3867150910__left{min-width:0}.CollectionToolbar3867150910__left.CollectionToolbar3867150910--expandable{flex:auto}.CollectionToolbar3867150910__left.CollectionToolbar3867150910--title>*{width:100%}.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-5-title .CollectionToolbar3867150910__left{flex:1 100;min-width:50px}.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-4-tabs .CollectionToolbar3867150910__left,.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-4-tabs .CollectionToolbar3867150910__left.CollectionToolbar3867150910--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-4-tabs .CollectionToolbar3867150910__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3867150910__root .CollectionToolbar3867150910__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3867150910__root.CollectionToolbar3867150910--views .CollectionToolbar3867150910__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-4-tabs .CollectionToolbar3867150910__right,.CollectionToolbar3867150910__root.CollectionToolbar3867150910---responsiveMode-5-title .CollectionToolbar3867150910__right{flex:0 1 auto;min-width:0}.CollectionToolbar3867150910__root .CollectionToolbar3867150910__right.CollectionToolbar3867150910__fullWidth{margin-inline-start:0!important}.CollectionToolbar3867150910__root.CollectionToolbar3867150910--mobile:not(.CollectionToolbar3867150910--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4090117436__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4090117436__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4090117436__searchMobile:not(.SearchOrCustomFilter4090117436--expandable){left:18px}.SearchOrCustomFilter4090117436__searchMobile.SearchOrCustomFilter4090117436--expandable.SearchOrCustomFilter4090117436--expanded{left:18px}.AutoCompleteReadonly162160696__root.AutoCompleteReadonly162160696--disableEditing{cursor:pointer}.AutoCompleteReadonly162160696__root.AutoCompleteReadonly162160696--disableEditing input{cursor:pointer}.ViewsDropdown157735629__root{width:200px}.DragHandle149037677__root{display:flex;align-items:center}.DragHandle149037677__root:not(.DragHandle149037677--disabled){cursor:grab;color:#a8caff}.DragHandle149037677__root.DragHandle149037677--disabled{color:#acafc4}.DragHandle149037677__root:focus-visible:not(.DragHandle149037677--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle149037677__root.DragHandle149037677--disabled{pointer-events:none}.DragHandle149037677__root.DragHandle149037677--dragging:not(.DragHandle149037677--disabled){cursor:grabbing}td:has(>.EditableCell2894606684__root){position:relative;overflow:visible}tr:has(.EditableCell2894606684__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2894606684__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell2894606684__root{top:0}.EditableCell2894606684__root:hover:not(.EditableCell2894606684--rowActive):not(.EditableCell2894606684--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2894606684__root.EditableCell2894606684--rowActive:not(.EditableCell2894606684--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2894606684__root.EditableCell2894606684--rowActive:hover:not(.EditableCell2894606684--focused):not(.EditableCell2894606684--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell2894606684__root.EditableCell2894606684--focused:not(.EditableCell2894606684--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell2894606684__root.EditableCell2894606684--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2894606684__root.EditableCell2894606684--editing:not(.EditableCell2894606684--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2894606684__root.EditableCell2894606684--focused.EditableCell2894606684--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2894606684__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell2894606684__root.EditableCell2894606684--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2894606684__root.EditableCell2894606684--selectionTop:not(.EditableCell2894606684--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--selectionBottom:not(.EditableCell2894606684--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--selectionLeft:not(.EditableCell2894606684--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--selectionRight:not(.EditableCell2894606684--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--invalid,.EditableCell2894606684__root.EditableCell2894606684--invalid.EditableCell2894606684--rowActive:hover:not(.EditableCell2894606684--focused):not(.EditableCell2894606684--rangeSelected),.EditableCell2894606684__root.EditableCell2894606684--invalid.EditableCell2894606684--focused:not(.EditableCell2894606684--rangeSelected),.EditableCell2894606684__root.EditableCell2894606684--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2894606684__root.EditableCell2894606684--copiedTop:not(.EditableCell2894606684--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--copiedBottom:not(.EditableCell2894606684--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--copiedLeft:not(.EditableCell2894606684--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--copiedRight:not(.EditableCell2894606684--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2894606684__root.EditableCell2894606684--invalid:not(.EditableCell2894606684--focused):not(.EditableCell2894606684--editing){z-index:1}.EditableCell2894606684__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell2894606684__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover2951513940__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2951513940__root,.HeaderActionsPopover2951513940__root[data-menu-open=true],.HeaderActionsPopover2951513940__root:focus-within{opacity:1}.CellViewLayout2195419703__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2195419703__root>*{flex:1;min-width:0}.Edit1842541155__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit1842541155__addressInput>div,.Edit1842541155__addressInput>div>div,.Edit1842541155__addressInput>div>div>div{width:100%;min-width:0}.Edit850835796__jsonInput{width:100%;margin-left:-1px}.Edit3489924033__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3453239068__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3506546422__root{width:100%;height:100%;display:flex;align-items:center}.Edit2504482718__dateInput{width:100%;margin-left:-1px}.Edit3300499502__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3300499502__dateHalf{flex:60 1 0}.Edit3300499502__timeHalf{flex:40 1 0}.Edit3300499502__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3300499502__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit3300499502__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2211303949__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2211303949__datePart{flex:60 1 0}.View2211303949__timePart{flex:40 1 0}.View2211303949__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2211303949__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1835209986__emailInput{width:100%;margin-left:-1px}.Edit4268885103__numberInput{width:100%;margin-right:2px}.Edit4268885103__numberInput input{text-align:right;direction:ltr}.View465282478__textView{width:100%;text-align:right}.Edit630517005__jsonInput{width:100%;margin-left:-1px}.Edit1481640690__selectInput{width:100%}.Edit2162784185__editWrapper{width:100%}.Edit2162784185__inputArea{background-color:transparent;width:100%}.Edit2162784185__inputArea input,.Edit2162784185__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2162784185__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2162784185__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2162784185__inputArea>div::after{box-shadow:none!important}.Edit2162784185__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2162784185__inputArea:not(.Edit2162784185--isFocused) textarea{resize:none;overflow:hidden}.Edit2162784185__inputArea:not(.Edit2162784185--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2384698736__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
2
2
  --wds-font-line-height-body-small
3
- )}.Edit2666239859__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit898715551__urlInput{width:100%;margin-left:-1px}.View1922780835__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1922780835__urlText{flex:1;min-width:0}.View1922780835__suffix{flex-shrink:0;margin-left:10px}.View1922780835__textView.View1922780835--suffixOnHover:not(:hover) .View1922780835__suffix{display:none}.EmptyStateBase13905598__root{min-height:230px;align-items:center}.EntityPagePlain995640073__root.EntityPagePlain995640073--mobile{--wds-page-header-padding-horizontal:0}.Fade442737874__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade442737874__root.Fade442737874--exit{opacity:0}.Heading3191458937__root{visibility:visible}.Heading3191458937__root.Heading3191458937--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3352948256__fileUpload{width:100%}.InputOverflow4002534973__root.InputOverflow4002534973--selected:not(.InputOverflow4002534973--focused) input::placeholder{color:#000624}@keyframes LoadingRow3613639485__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%}}.LoadingRow3613639485__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:LoadingRow3613639485__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2759374778__root{opacity:1}.MaxHeightText2759374778__root.MaxHeightText2759374778--height24{line-height:24px}.MaxLines4012452131__root{overflow:hidden}.MaxLines4012452131__root.MaxLines4012452131--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3781755399__root{min-width:0}.MultiBulkActionToolbar3781755399__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3781755399__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3781755399__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2269585231__root td{padding:0!important;width:100%}.NestedTableRow1368911397__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1368911397__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1368911397__root.NestedTableRow1368911397--expandable{cursor:pointer}.NestedTableRow1368911397__placeholder td{padding:0!important;width:100%}.NestedTableRow1368911397__root:hover td:first-of-type::before,.NestedTableRow1368911397__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect801407163__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1406040838__root.NestedTableDragAndDropRow1406040838--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2788007106__root{display:flex}.PickerContentAdditionalStep1547277983__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1547277983__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1634186820__root{box-sizing:border-box}.ScrollableContent3614780569__root.ScrollableContent3614780569--overflowY{overflow-y:auto}.ScrollableContent3614780569__root.ScrollableContent3614780569--overflowX{overflow-x:auto}.ScrollableContent3614780569__root.ScrollableContent3614780569--smooth{scroll-behavior:smooth}.SetupWidget2258359694__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget2258359694__row.SetupWidget2258359694--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2258359694__row.SetupWidget2258359694--focused.SetupWidget2258359694--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2258359694__completedCta,.SetupWidget2258359694__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2258359694__row:hover .SetupWidget2258359694__completedCta,.SetupWidget2258359694__row:hover .SetupWidget2258359694__secondaryCta{opacity:1}}.SetupWidget2258359694__row:focus-within .SetupWidget2258359694__completedCta,.SetupWidget2258359694__row:focus-within .SetupWidget2258359694__secondaryCta,.SetupWidget2258359694__secondaryCta:focus-within{opacity:1}.SetupWidget2258359694__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2258359694__card.SetupWidget2258359694--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2258359694__card.SetupWidget2258359694--clickable{cursor:pointer}.SetupWidget2258359694__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2258359694__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2258359694__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2258359694__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1575742785__headerLoading{display:block!important}.SlidingModal3217281067__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3217281067__root.SlidingModal3217281067--overlay{transition:transform 0s ease 0s}.SlidingModal3217281067__root.SlidingModal3217281067---appendTo-6-parent{position:absolute}.SlidingModal3217281067__root.SlidingModal3217281067--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3217281067__root:not(.SlidingModal3217281067--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader3205527397__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader3205527397__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader3205527397__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3823786736__root .TabsFilter3823786736__titleBox *{color:inherit!important}.ManageTagsModal1766689625__root{display:flex}.ManageTagsModal1766689625__root.ManageTagsModal1766689625--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1766689625__root.ManageTagsModal1766689625--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2127795247__root{min-width:0}.ToolbarItemBox3002552813__root{min-width:0}.ToolbarItemBox3002552813__root.ToolbarItemBox3002552813--removeStartPadding{margin-left:-24px}.ToolbarItemBox3002552813__root.ToolbarItemBox3002552813--expandable{flex:1 0}.common2033065576__column{display:flex;flex-direction:column}.common2033065576__fullHeight{height:100%;min-height:0}.CollectionPageHeader1573157232__root:not(.CollectionPageHeader1573157232--mobile){gap:12px}.CollectionPageHeader1573157232__root.CollectionPageHeader1573157232--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1573157232__root.CollectionPageHeader1573157232--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1954098113__root.FormPageHeader1954098113--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1954098113__root.FormPageHeader1954098113--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
3
+ )}.Edit2384698736__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2064525405__urlInput{width:100%;margin-left:-1px}.View258342196__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View258342196__urlText{flex:1;min-width:0}.View258342196__suffix{flex-shrink:0;margin-left:10px}.View258342196__textView.View258342196--suffixOnHover:not(:hover) .View258342196__suffix{display:none}.EmptyStateBase1390390238__root{min-height:230px;align-items:center}.EntityPagePlain1630098642__root.EntityPagePlain1630098642--mobile{--wds-page-header-padding-horizontal:0}.Fade2121838970__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2121838970__root.Fade2121838970--exit{opacity:0}.Heading1909814458__root{visibility:visible}.Heading1909814458__root.Heading1909814458--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1967384934__fileUpload{width:100%}.InputOverflow240753260__root.InputOverflow240753260--selected:not(.InputOverflow240753260--focused) input::placeholder{color:#000624}@keyframes LoadingRow4113539014__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%}}.LoadingRow4113539014__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:LoadingRow4113539014__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3902442109__root{opacity:1}.MaxHeightText3902442109__root.MaxHeightText3902442109--height24{line-height:24px}.MaxLines3643567282__root{overflow:hidden}.MaxLines3643567282__root.MaxLines3643567282--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2079194393__root{min-width:0}.MultiBulkActionToolbar2079194393__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2079194393__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2079194393__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2465888099__root td{padding:0!important;width:100%}.NestedTableRow3572834287__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3572834287__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3572834287__root.NestedTableRow3572834287--expandable{cursor:pointer}.NestedTableRow3572834287__placeholder td{padding:0!important;width:100%}.NestedTableRow3572834287__root:hover td:first-of-type::before,.NestedTableRow3572834287__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect1478146261__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow391701378__root.NestedTableDragAndDropRow391701378--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent4239466499__root{display:flex}.PickerContentAdditionalStep25904613__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep25904613__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem266401590__root{box-sizing:border-box}.ScrollableContent3623041082__root.ScrollableContent3623041082--overflowY{overflow-y:auto}.ScrollableContent3623041082__root.ScrollableContent3623041082--overflowX{overflow-x:auto}.ScrollableContent3623041082__root.ScrollableContent3623041082--smooth{scroll-behavior:smooth}.SetupWidget2787992689__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget2787992689__row.SetupWidget2787992689--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2787992689__row.SetupWidget2787992689--focused.SetupWidget2787992689--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2787992689__completedCta,.SetupWidget2787992689__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2787992689__row:hover .SetupWidget2787992689__completedCta,.SetupWidget2787992689__row:hover .SetupWidget2787992689__secondaryCta{opacity:1}}.SetupWidget2787992689__row:focus-within .SetupWidget2787992689__completedCta,.SetupWidget2787992689__row:focus-within .SetupWidget2787992689__secondaryCta,.SetupWidget2787992689__secondaryCta:focus-within{opacity:1}.SetupWidget2787992689__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2787992689__card.SetupWidget2787992689--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2787992689__card.SetupWidget2787992689--clickable{cursor:pointer}.SetupWidget2787992689__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2787992689__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2787992689__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2787992689__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2325411513__headerLoading{display:block!important}.SlidingModal1400722845__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1400722845__root.SlidingModal1400722845--overlay{transition:transform 0s ease 0s}.SlidingModal1400722845__root.SlidingModal1400722845---appendTo-6-parent{position:absolute}.SlidingModal1400722845__root.SlidingModal1400722845--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1400722845__root:not(.SlidingModal1400722845--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2203197386__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2203197386__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2203197386__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter411737738__root .TabsFilter411737738__titleBox *{color:inherit!important}.ManageTagsModal1095692293__root{display:flex}.ManageTagsModal1095692293__root.ManageTagsModal1095692293--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1095692293__root.ManageTagsModal1095692293--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2965610046__root{min-width:0}.ToolbarItemBox2655673838__root{min-width:0}.ToolbarItemBox2655673838__root.ToolbarItemBox2655673838--removeStartPadding{margin-left:-24px}.ToolbarItemBox2655673838__root.ToolbarItemBox2655673838--expandable{flex:1 0}.common1492767153__column{display:flex;flex-direction:column}.common1492767153__fullHeight{height:100%;min-height:0}.CollectionPageHeader1547866668__root:not(.CollectionPageHeader1547866668--mobile){gap:12px}.CollectionPageHeader1547866668__root.CollectionPageHeader1547866668--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1547866668__root.CollectionPageHeader1547866668--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3740981318__root.FormPageHeader3740981318--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3740981318__root.FormPageHeader3740981318--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
@@ -2,5 +2,5 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.version = void 0;
5
- const version = exports.version = 'patterns@1.451.0';
5
+ const version = exports.version = 'patterns@1.453.0';
6
6
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.451.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
1
+ {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.453.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
@@ -1,8 +1,4 @@
1
1
  {
2
- "ActionSubItem": {
3
- "file": "ActionSubItem.md",
4
- "category": "Common/Types"
5
- },
6
2
  "AI Assistant": {
7
3
  "file": "AI Assistant.md",
8
4
  "category": "Integrations/AI Assistant",
@@ -10,6 +6,10 @@
10
6
  "createAiAssistant"
11
7
  ]
12
8
  },
9
+ "ActionSubItem": {
10
+ "file": "ActionSubItem.md",
11
+ "category": "Common/Types"
12
+ },
13
13
  "AutoCompleteFilter": {
14
14
  "file": "AutoCompleteFilter.md",
15
15
  "category": "Features/Filter/Components"
@@ -30,10 +30,6 @@
30
30
  "file": "CollectionOptimisticActions.md",
31
31
  "category": "Features/Actions/Updates"
32
32
  },
33
- "CollectionPage": {
34
- "file": "CollectionPage.md",
35
- "category": "Base Components/Pages/Collection Page"
36
- },
37
33
  "CollectionPage.Content": {
38
34
  "file": "CollectionPage.Content.md",
39
35
  "category": "Base Components/Pages/Collection Page"
@@ -49,6 +45,10 @@
49
45
  "file": "CollectionPremiumEmptyState.md",
50
46
  "category": "Features/Display/Empty States"
51
47
  },
48
+ "CollectionPage": {
49
+ "file": "CollectionPage.md",
50
+ "category": "Base Components/Pages/Collection Page"
51
+ },
52
52
  "CollectionSearch": {
53
53
  "file": "CollectionSearch.md",
54
54
  "category": "Features/Filter/Components"
@@ -57,10 +57,6 @@
57
57
  "file": "CollectionSubToolbar.md",
58
58
  "category": "Common/Components"
59
59
  },
60
- "CollectionToolbar": {
61
- "file": "CollectionToolbar.md",
62
- "category": "Common/Components"
63
- },
64
60
  "ToolbarFilters": {
65
61
  "file": "ToolbarFilters.md",
66
62
  "category": "Features/Filter/Components",
@@ -68,6 +64,10 @@
68
64
  "CollectionToolbarFilters"
69
65
  ]
70
66
  },
67
+ "CollectionToolbar": {
68
+ "file": "CollectionToolbar.md",
69
+ "category": "Common/Components"
70
+ },
71
71
  "CustomColumns": {
72
72
  "file": "CustomColumns.md",
73
73
  "category": "Features/Display/Custom Columns"
@@ -104,10 +104,6 @@
104
104
  "file": "EntityPage.Content.md",
105
105
  "category": "Base Components/Pages/Entity Page"
106
106
  },
107
- "EntityPage.Header": {
108
- "file": "EntityPage.Header.md",
109
- "category": "Base Components/Pages/Entity Page"
110
- },
111
107
  "EntityPage.MainContent": {
112
108
  "file": "EntityPage.MainContent.md",
113
109
  "category": "Base Components/Pages/Entity Page"
@@ -116,6 +112,10 @@
116
112
  "file": "EntityPage.Slots.md",
117
113
  "category": "Base Components/Pages/Entity Page"
118
114
  },
115
+ "EntityPage.Header": {
116
+ "file": "EntityPage.Header.md",
117
+ "category": "Base Components/Pages/Entity Page"
118
+ },
119
119
  "Grid": {
120
120
  "file": "Grid.md",
121
121
  "category": "Base Components/Collections/Grid/Grid"
@@ -16,22 +16,78 @@ import { useAmbassadorCollection } from '@wix/patterns';
16
16
  ### Example
17
17
 
18
18
  ```tsx
19
- import { useAmbassadorCollection, Table } from '@wix/patterns';
20
- import { contacts } from '@wix/crm';
21
-
22
- const state = useAmbassadorCollection({
23
- ambassador: contacts,
24
- transformPlatformizedQuery: (query) => query,
25
- });
26
-
27
- return (
28
- <Table
29
- state={state}
30
- columns={[
31
- { title: 'Name', render: (c) => c.name },
32
- ]}
33
- />
34
- );
19
+ import React from 'react';
20
+ import { CollectionPage } from '@wix/patterns/page';
21
+ import {
22
+ CollectionEmptyState,
23
+ Table,
24
+ useAmbassadorCollection,
25
+ } from '@wix/patterns';
26
+ import * as ambassador from '@wix/ambassador-ecom-v1-order/crud/http';
27
+
28
+ function UseAmbassador() {
29
+ const collection = useAmbassadorCollection({
30
+ ambassador,
31
+ itemName: (t) => t.number!,
32
+ itemKey: (t) => t.id!,
33
+ });
34
+
35
+ return (
36
+ <CollectionPage height="400px">
37
+ <CollectionPage.Header title={{ text: 'Orders' }} />
38
+ <CollectionPage.Content>
39
+ <Table
40
+ state={collection}
41
+ columns={[
42
+ {
43
+ id: 'number',
44
+ width: '30px',
45
+ title: 'Number',
46
+ sortable: true,
47
+ render: (t) => t.number,
48
+ },
49
+ {
50
+ id: 'paymentStatus',
51
+ width: '50px',
52
+ title: 'Payment Status',
53
+ sortable: true,
54
+ render: (t) => t.paymentStatus,
55
+ },
56
+ {
57
+ id: 'fulfillmentStatus',
58
+ width: '50px',
59
+ title: 'Fulfillment Status',
60
+ sortable: true,
61
+ render: (t) => t.fulfillmentStatus,
62
+ },
63
+ {
64
+ id: 'createdDate',
65
+ width: '40px',
66
+ title: 'Created Date',
67
+ sortable: true,
68
+ render: (t) => t.createdDate?.toLocaleDateString(),
69
+ },
70
+ {
71
+ id: 'updatedDate',
72
+ width: '40px',
73
+ title: 'Updated Date',
74
+ sortable: true,
75
+ render: (t) => t.updatedDate?.toLocaleDateString(),
76
+ },
77
+ {
78
+ id: 'buyerNote',
79
+ width: '50px',
80
+ title: 'Buyer Note',
81
+ sortable: true,
82
+ render: (t) => t.buyerNote,
83
+ },
84
+ ]}
85
+ emptyState={<CollectionEmptyState />}
86
+ />
87
+ </CollectionPage.Content>
88
+ </CollectionPage>
89
+ );
90
+ }
35
91
  ```
36
92
 
37
93
  ### Returns
@@ -17,20 +17,36 @@ import { useCollection } from '@wix/patterns';
17
17
  ### Example
18
18
 
19
19
  ```tsx
20
- import { useCollection } from '@wix/patterns';
20
+ import React from 'react';
21
+ import { OffsetQuery, stringFilter, useCollection } from '@wix/patterns';
22
+
23
+ interface Item {
24
+ id: string;
25
+ name: string;
26
+ }
27
+
28
+ const api = {
29
+ list: (query: OffsetQuery): Promise<{ items: Item[]; total: number }> =>
30
+ Promise.resolve({ items: [], total: 0 }),
31
+ };
32
+
33
+ function ItemCount() {
34
+ const collection = useCollection({
35
+ queryName: 'my-items',
36
+ fetchData: async (query: OffsetQuery) => {
37
+ const { items, total } = await api.list(query);
38
+ return { items, total };
39
+ },
40
+ itemKey: (item: Item) => item.id,
41
+ limit: 50,
42
+ filters: { status: stringFilter() },
43
+ });
44
+
45
+ // `keyedItems`, `total` and `invalidate()` all live on the returned state.
46
+ return <div>{collection.total} items</div>;
47
+ }
21
48
 
22
- const collection = useCollection({
23
- queryName: 'my-items',
24
- fetchData: async (query) => {
25
- const { items, total } = await api.list(query);
26
- return { items, total };
27
- },
28
- itemKey: (item) => item.id,
29
- limit: 50,
30
- filters: { status: stringFilter() },
31
- });
32
-
33
- // collection.keyedItems, collection.total, collection.invalidate(), etc.
49
+ export default ItemCount;
34
50
  ```
35
51
 
36
52
  ### Returns
@@ -24,21 +24,43 @@ const entity = useEntity(state);
24
24
  ### Example
25
25
 
26
26
  ```tsx
27
- function MyEntityPage({ state }) {
28
- const entity = useEntity(state);
27
+ import React from 'react';
28
+ import { EntityPage, useEntity, useEntityPage } from '@wix/patterns';
29
+ import { useForm } from '@wix/patterns/form';
30
+
31
+ interface Shift {
32
+ id?: string;
33
+ name?: string;
34
+ }
35
+
36
+ interface ShiftFormFields {
37
+ name?: string;
38
+ }
39
+
40
+ function ShiftPage() {
41
+ const form = useForm<ShiftFormFields>();
42
+
43
+ const state = useEntityPage<Shift, ShiftFormFields>({
44
+ parentPageId: '',
45
+ form,
46
+ fetch: () => Promise.resolve({ entity: { id: '1', name: 'Morning' } }),
47
+ onSave: () => Promise.resolve({ updatedEntity: { id: '1' } }),
48
+ });
49
+
50
+ // `entity` is `Shift | undefined` — undefined until the fetch resolves.
51
+ const entity = useEntity<Shift, ShiftFormFields>(state);
29
52
 
30
53
  return (
31
54
  <EntityPage state={state}>
32
- <EntityPage.Header
33
- title={{ text: entity?.name ?? "Loading..." }}
34
- subtitle={entity?.description}
35
- />
55
+ <EntityPage.Header title={{ text: entity?.name ?? 'Loading…' }} />
36
56
  <EntityPage.Content>
37
- {/* Card.Content receives the entity automatically */}
57
+ <EntityPage.MainContent>...</EntityPage.MainContent>
38
58
  </EntityPage.Content>
39
59
  </EntityPage>
40
60
  );
41
61
  }
62
+
63
+ export default ShiftPage;
42
64
  ```
43
65
 
44
66
  ### Returns
@@ -9,34 +9,59 @@
9
9
  A React hook that creates the state for an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Configure entity fetching, save flow, form integration, toasts, and navigation. The returned [`EntityPageState`](./?path=/story/base-components-pages-entity-page-state--entitypagestate) is passed to `<EntityPage state={state}>`.
10
10
 
11
11
  ```tsx
12
- import { useEntityPage } from '@wix/patterns/page';
12
+ import { useEntityPage } from '@wix/patterns';
13
13
  ```
14
14
 
15
15
  ### Example
16
16
 
17
17
  ```tsx
18
- import { useEntityPage, EntityPage } from '@wix/patterns/page';
19
- import { useForm } from 'react-hook-form';
20
-
21
- const form = useForm({ defaultValues: { name: '' } });
22
-
23
- const state = useEntityPage({
24
- fetch: () => api.getItem(itemId).then((entity) => ({ entity })),
25
- onSave: ({ submittedValues }) =>
26
- api.updateItem(itemId, submittedValues).then((updatedEntity) => ({ updatedEntity })),
27
- form,
28
- container,
29
- parentPath: '/my-collection',
30
- });
31
-
32
- return (
33
- <EntityPage state={state}>
34
- <EntityPage.Header title={{ text: 'Edit Item' }} />
35
- <EntityPage.Content>
36
- <EntityPage.MainContent>...</EntityPage.MainContent>
37
- </EntityPage.Content>
38
- </EntityPage>
39
- );
18
+ import React from 'react';
19
+ import { EntityPage, useEntityPage } from '@wix/patterns';
20
+ import { useForm } from '@wix/patterns/form';
21
+
22
+ interface Shift {
23
+ id?: string;
24
+ name?: string;
25
+ }
26
+
27
+ interface ShiftFormFields {
28
+ name?: string;
29
+ }
30
+
31
+ const api = {
32
+ getShift: (id: string): Promise<Shift> =>
33
+ Promise.resolve({ id, name: 'Morning' }),
34
+ updateShift: (id: string, values: Partial<Shift>): Promise<Shift> =>
35
+ Promise.resolve({ id, ...values }),
36
+ };
37
+
38
+ function EditShift({ shiftId }: { shiftId: string }) {
39
+ const form = useForm<ShiftFormFields>({ defaultValues: { name: '' } });
40
+
41
+ const state = useEntityPage<Shift, ShiftFormFields>({
42
+ parentPageId: '',
43
+ parentPath: '/shifts',
44
+ form,
45
+ fetch: () => api.getShift(shiftId).then((entity) => ({ entity })),
46
+ // `onSave` receives `widgetsFormData` — what the widget fields
47
+ // contributed. The values the user typed come from the form itself.
48
+ onSave: ({ widgetsFormData }) =>
49
+ api
50
+ .updateShift(shiftId, { ...form.getValues(), ...widgetsFormData })
51
+ .then((updatedEntity) => ({ updatedEntity })),
52
+ });
53
+
54
+ return (
55
+ <EntityPage state={state}>
56
+ <EntityPage.Header title={{ text: 'Edit Shift' }} />
57
+ <EntityPage.Content>
58
+ <EntityPage.MainContent>...</EntityPage.MainContent>
59
+ </EntityPage.Content>
60
+ </EntityPage>
61
+ );
62
+ }
63
+
64
+ export default EditShift;
40
65
  ```
41
66
 
42
67
  ### Returns
@@ -15,11 +15,23 @@ import { useEntityPageContext } from '@wix/patterns/page';
15
15
  ### Example
16
16
 
17
17
  ```tsx
18
- function MyCardContent() {
19
- const state = useEntityPageContext();
20
- // Access state.entity, state.form, etc.
18
+ import React from 'react';
19
+ import { useEntityPageContext } from '@wix/patterns';
20
+
21
+ interface Shift {
22
+ id?: string;
23
+ name?: string;
24
+ }
25
+
26
+ // Rendered inside `<EntityPage>`, which provides the state. Pass the entity
27
+ // type so `state.entity` is typed rather than `unknown`.
28
+ function ShiftCardContent() {
29
+ const state = useEntityPageContext<Shift>();
30
+
21
31
  return <div>{state.entity?.name}</div>;
22
32
  }
33
+
34
+ export default ShiftCardContent;
23
35
  ```
24
36
 
25
37
  ### Returns
@@ -17,36 +17,91 @@ import { useNestedTable } from '@wix/patterns';
17
17
  ### Example
18
18
 
19
19
  ```tsx
20
- import { useNestedTable, NestedTable, createNestedTableLevel } from '@wix/patterns';
21
-
22
- const columns = [
23
- { id: 'name', title: 'Name' },
24
- { id: 'status', title: 'Status' },
25
- ];
26
-
27
- const state = useNestedTable({
28
- columns,
29
- mainColumn: { title: 'Name' },
30
- levels: [
31
- createNestedTableLevel({
20
+ import { Page } from '@wix/design-system';
21
+ import React from 'react';
22
+ import { queryContacts } from '@wix/ambassador-contacts-v4-contact/http';
23
+ import { Contact } from '@wix/ambassador-contacts-v4-contact/types';
24
+ import {
25
+ PageWrapper,
26
+ NestedTable,
27
+ useNestedTable,
28
+ createNestedTableSingleEntityLevels,
29
+ useCreateCollection,
30
+ Filter,
31
+ stringsArrayFilter,
32
+ } from '@wix/patterns';
33
+ import { CollectionPage } from '@wix/patterns/page';
34
+ import { useHttpClient } from '@wix/yoshi-flow-bm';
35
+
36
+ type ContactFilters = {
37
+ parentId: Filter<string[]>;
38
+ };
39
+
40
+ function SingleEntityNestedTable() {
41
+ const httpClient = useHttpClient();
42
+
43
+ const createCollection = useCreateCollection();
44
+
45
+ const state = useNestedTable({
46
+ columns: [
47
+ {
48
+ id: 'lastSeen',
49
+ title: 'Last Seen',
50
+ },
51
+ ],
52
+ levels: createNestedTableSingleEntityLevels(5, {
53
+ createCollection: () => {
54
+ const collection = createCollection<Contact, ContactFilters>({
55
+ queryName: 'SingleEntityNestedTable-contacts',
56
+ filters: {
57
+ parentId: stringsArrayFilter(),
58
+ },
59
+ fetchData: (query) => {
60
+ const { limit, offset, search, filters } = query;
61
+ return httpClient
62
+ .request(
63
+ queryContacts({
64
+ query: { paging: { limit, offset }, filter: filters },
65
+ search,
66
+ }),
67
+ )
68
+ .then((res) => {
69
+ const {
70
+ data: { contacts = [], pagingMetadata = {} },
71
+ } = res;
72
+ return {
73
+ items: contacts,
74
+ total: pagingMetadata.total,
75
+ };
76
+ });
77
+ },
78
+ fetchErrorMessage: ({ err }) => String(err),
79
+ });
80
+
81
+ return {
82
+ collection,
83
+ parentFilter: collection.filters.parentId,
84
+ };
85
+ },
32
86
  parentKey: (item) => item.parentId,
33
- createCollection: () => ({
34
- collection: useCollection({
35
- queryName: 'my-nested-items',
36
- fetchData: (query) => fetchItems(query),
37
- itemKey: (item) => item.id,
38
- }),
39
- }),
40
- renderMainColumn: (item) => ({ title: item.name }),
41
87
  columns: {
42
- name: (item) => item.name,
43
- status: (item) => item.status,
88
+ lastSeen: (item) => String(item.lastSeen),
44
89
  },
90
+ renderMainColumn: (item) => ({
91
+ subtitle: item.level,
92
+ }),
45
93
  }),
46
- ],
47
- });
48
-
49
- return <NestedTable state={state} />;
94
+ });
95
+
96
+ return (
97
+ <CollectionPage height="400px">
98
+ <CollectionPage.Header title={{ text: 'Contacts' }} />
99
+ <CollectionPage.Content>
100
+ <NestedTable state={state} />
101
+ </CollectionPage.Content>
102
+ </CollectionPage>
103
+ );
104
+ }
50
105
  ```
51
106
 
52
107
  ### Returns