@wix/patterns 1.463.0 → 1.465.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 (352) 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/Collapse/Collapse.st.css.js +3 -3
  10. package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
  11. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  12. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
  13. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
  14. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  15. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
  16. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  17. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  18. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
  19. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
  20. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  21. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
  22. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  23. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  24. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  25. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  26. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  27. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  28. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  29. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  30. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  31. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  32. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  33. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  34. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  35. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
  36. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
  37. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
  38. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  39. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  40. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  41. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  42. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  43. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  44. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  45. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  46. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  47. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  48. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  49. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
  50. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  51. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
  52. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
  53. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
  54. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  55. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  56. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  57. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
  58. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  59. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  60. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  61. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  62. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  63. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  64. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  65. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  66. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  67. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  68. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  69. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  70. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  71. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
  72. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
  73. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  74. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  75. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  76. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  77. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  78. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
  79. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  80. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  81. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  82. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  83. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  84. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  85. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  86. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  87. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  88. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  89. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  90. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  91. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  92. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  93. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  94. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  95. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  96. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  97. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  98. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  99. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  100. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  101. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  102. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  103. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  104. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  105. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  106. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  107. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  108. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  109. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  110. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  111. package/dist/cjs/components/Router/usePatternsNavigate.js.map +1 -1
  112. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  113. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  114. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js +10 -10
  115. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  116. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  117. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  118. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  119. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  120. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +4 -4
  121. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
  122. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
  123. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  124. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  125. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  126. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  127. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  128. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  129. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  130. package/dist/cjs/components/common.st.css.js +4 -4
  131. package/dist/cjs/components/common.st.css.js.map +1 -1
  132. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  133. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  134. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  135. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  136. package/dist/cjs/styles.global.css +2 -2
  137. package/dist/cjs/version.js +1 -1
  138. package/dist/cjs/version.js.map +1 -1
  139. package/dist/docs/EntityPageState.md +3 -6
  140. package/dist/docs/PatternsReactRouter.md +17 -29
  141. package/dist/docs/PrimaryPageButton.md +2 -0
  142. package/dist/docs/index.json +38 -30
  143. package/dist/docs/useEntity.md +1 -1
  144. package/dist/docs/useEntityPage.md +143 -1
  145. package/dist/docs/usePatternsNavigate.md +41 -14
  146. package/dist/docs/withDashboard.md +84 -0
  147. package/dist/dts-bundle/components/EntityPage.d.ts +1 -1
  148. package/dist/dts-bundle/components/Grid.d.ts +5 -1
  149. package/dist/dts-bundle/components/GridFolders.d.ts +5 -1
  150. package/dist/dts-bundle/components/TableFolders.d.ts +5 -1
  151. package/dist/dts-bundle/components/TableGridSwitch.d.ts +5 -1
  152. package/dist/dts-bundle/exports/index.d.ts +2 -0
  153. package/dist/dts-bundle/hooks/useEntity.d.ts +1 -1
  154. package/dist/dts-bundle/hooks/useEntityPage.d.ts +1 -1
  155. package/dist/dts-bundle/hooks/useEntityPageContext.d.ts +1 -1
  156. package/dist/dts-bundle/hooks/usePatternsNavigate.d.ts +1 -1
  157. package/dist/dts-bundle/index.json +43 -20
  158. package/dist/dts-bundle/types/ActionCell.d.ts +63 -0
  159. package/dist/dts-bundle/types/ActionCellProps.d.ts +5 -1
  160. package/dist/dts-bundle/types/CollectionTableBaseProps.d.ts +5 -1
  161. package/dist/dts-bundle/types/EntityPageState.d.ts +1068 -0
  162. package/dist/dts-bundle/types/EntityPageStateParams.d.ts +1 -1
  163. package/dist/dts-bundle/types/OnSaveParams.d.ts +1 -1
  164. package/dist/dts-bundle/types/UseEntityPageParams.d.ts +1 -1
  165. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  166. package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
  167. package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
  168. package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
  169. package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
  170. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  171. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  172. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
  173. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  174. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  175. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  176. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  177. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  178. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  179. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  180. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  181. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  182. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  183. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  184. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  185. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  186. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  187. package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
  188. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
  189. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  190. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  191. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  192. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  193. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  194. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  195. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  196. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
  197. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  198. package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
  199. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  200. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  201. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  202. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  203. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  204. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  205. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  206. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  207. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  208. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  209. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  210. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  211. package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js +2 -2
  212. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  213. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  214. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  215. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  216. package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  217. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  218. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  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/LoadingRow/LoadingRow.st.css.js +3 -3
  223. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  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/MaxLines/MaxLines.st.css.js.map +1 -1
  227. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  228. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  229. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  230. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  231. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  232. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  233. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  234. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  235. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  236. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  237. package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
  238. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  239. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  240. package/dist/esm/components/Router/usePatternsNavigate.js.map +1 -1
  241. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  242. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +2 -2
  243. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  244. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  245. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  246. package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +2 -2
  247. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
  248. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  249. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  250. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  251. package/dist/esm/components/common.st.css.js +2 -2
  252. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  253. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  254. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  255. package/dist/esm/styles.global.css +2 -2
  256. package/dist/esm/version.js +1 -1
  257. package/dist/types/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.d.ts.map +1 -1
  258. package/dist/types/components/CollectionPageNew/CollectionPage.st.css.d.ts.map +1 -1
  259. package/dist/types/components/CollectionSectionHeader/CollectionSectionHeader.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/EditableTable/HeaderActionsPopover.st.css.d.ts.map +1 -1
  262. package/dist/types/components/EditableTable/cellTypes/array/Edit.st.css.d.ts.map +1 -1
  263. package/dist/types/components/EditableTable/cellTypes/boolean/Edit.st.css.d.ts.map +1 -1
  264. package/dist/types/components/EditableTable/cellTypes/datetime/Edit.st.css.d.ts.map +1 -1
  265. package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts.map +1 -1
  266. package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -1
  267. package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
  268. package/dist/types/components/EditableTable/cellTypes/url/Edit.st.css.d.ts.map +1 -1
  269. package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
  270. package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
  271. package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
  272. package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
  273. package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
  274. package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
  275. package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
  276. package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
  277. package/dist/types/components/Router/usePatternsNavigate.d.ts +1 -1
  278. package/dist/types/components/Router/usePatternsNavigate.d.ts.map +1 -1
  279. package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
  280. package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
  281. package/dist/types/version.d.ts +1 -1
  282. package/package.json +7 -7
  283. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  284. package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
  285. package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
  286. package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts +2 -2
  287. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  288. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  289. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  290. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  291. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  292. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  293. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  294. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  295. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  296. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  297. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  298. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  299. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  300. package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
  301. package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
  302. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  303. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  304. package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
  305. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  306. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  307. package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
  308. package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
  309. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  310. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  311. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  312. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  313. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  314. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  315. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  316. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  317. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  318. package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
  319. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  320. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  321. package/src/components/EmptyState/EmptyStateBase.st.css.ts +2 -2
  322. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  323. package/src/components/Fade/Fade.st.css.ts +2 -2
  324. package/src/components/Heading/Heading.st.css.ts +2 -2
  325. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  326. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  327. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  328. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  329. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  330. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  331. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  332. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  333. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  334. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  335. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  336. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  337. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  338. package/src/components/Router/usePatternsNavigate.ts +1 -1
  339. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  340. package/src/components/SetupWidget/SetupWidget.st.css.ts +2 -2
  341. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  342. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  343. package/src/components/Table/AddFieldColumnHeader.st.css.ts +2 -2
  344. package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
  345. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  346. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  347. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  348. package/src/components/common.st.css.ts +2 -2
  349. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  350. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  351. package/src/styles.global.css +2 -2
  352. package/src/version.ts +1 -1
@@ -1,3 +1,3 @@
1
- .CardContainer3308705847__root.CardContainer3308705847--mobile{border-radius:0}.CmsFieldForm2644181114__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2826391627__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection136873467__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2094159886__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2094159886__exit{height:0}.CollectionPage1282182167__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1282182167__root.CollectionPage1282182167--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1282182167__root.CollectionPage1282182167--panel{overflow:hidden;position:relative}.CollectionSectionHeader614425748__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1743838388__root td{vertical-align:middle}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:first-child{padding-left:18px}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable table{min-width:100%}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--harmony .CollectionToolbar2935144884__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2935144884__left{min-width:0}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:auto}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--title>*{width:100%}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__left{flex:1 100;min-width:50px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--views .CollectionToolbar2935144884__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__right,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__right{flex:0 1 auto;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right.CollectionToolbar2935144884__fullWidth{margin-inline-start:0!important}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--mobile:not(.CollectionToolbar2935144884--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2767854994__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2767854994__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2767854994__searchMobile:not(.SearchOrCustomFilter2767854994--expandable){left:18px}.SearchOrCustomFilter2767854994__searchMobile.SearchOrCustomFilter2767854994--expandable.SearchOrCustomFilter2767854994--expanded{left:18px}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing{cursor:pointer}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing input{cursor:pointer}.ViewsDropdown2440813327__root{width:200px}.DragHandle2231511974__root{display:flex;align-items:center}.DragHandle2231511974__root:not(.DragHandle2231511974--disabled){cursor:grab;color:#a8caff}.DragHandle2231511974__root.DragHandle2231511974--disabled{color:#acafc4}.DragHandle2231511974__root:focus-visible:not(.DragHandle2231511974--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2231511974__root.DragHandle2231511974--disabled{pointer-events:none}.DragHandle2231511974__root.DragHandle2231511974--dragging:not(.DragHandle2231511974--disabled){cursor:grabbing}td:has(>.EditableCell234905505__root){position:relative;overflow:visible}tr:has(.EditableCell234905505__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell234905505__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>.EditableCell234905505__root{top:0}.EditableCell234905505__root:hover:not(.EditableCell234905505--rowActive):not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell234905505__root.EditableCell234905505--rowActive:not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell234905505__root.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--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)}.EditableCell234905505__root.EditableCell234905505--focused:not(.EditableCell234905505--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}.EditableCell234905505__root.EditableCell234905505--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell234905505__root.EditableCell234905505--editing:not(.EditableCell234905505--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell234905505__root.EditableCell234905505--focused.EditableCell234905505--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell234905505__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)}.EditableCell234905505__root.EditableCell234905505--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell234905505__root.EditableCell234905505--selectionTop:not(.EditableCell234905505--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionBottom:not(.EditableCell234905505--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionLeft:not(.EditableCell234905505--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionRight:not(.EditableCell234905505--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid,.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--focused:not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell234905505__root.EditableCell234905505--copiedTop:not(.EditableCell234905505--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedBottom:not(.EditableCell234905505--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedLeft:not(.EditableCell234905505--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedRight:not(.EditableCell234905505--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid:not(.EditableCell234905505--focused):not(.EditableCell234905505--editing){z-index:1}.EditableCell234905505__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 .EditableCell234905505__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3256016442__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3256016442__root,.HeaderActionsPopover3256016442__root[data-menu-open=true],.HeaderActionsPopover3256016442__root:focus-within{opacity:1}.CellViewLayout2040856133__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2040856133__root>*{flex:1;min-width:0}.Edit3815345611__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}.Edit3815345611__addressInput>div,.Edit3815345611__addressInput>div>div,.Edit3815345611__addressInput>div>div>div{width:100%;min-width:0}.Edit1350275600__jsonInput{width:100%;margin-left:-1px}.Edit1062139435__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1923901122__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1906385244__root{width:100%;height:100%;display:flex;align-items:center}.Edit2701309181__dateInput{width:100%;margin-left:-1px}.Edit3360930838__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3360930838__dateHalf{flex:60 1 0}.Edit3360930838__timeHalf{flex:40 1 0}.Edit3360930838__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3360930838__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%}.Edit3360930838__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__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}.View3091857899__datePart{flex:60 1 0}.View3091857899__timePart{flex:40 1 0}.View3091857899__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3833930478__emailInput{width:100%;margin-left:-1px}.Edit3717359803__numberInput{width:100%;margin-right:2px}.Edit3717359803__numberInput input{text-align:right;direction:ltr}.View3151195271__textView{width:100%;text-align:right}.Edit3494209090__jsonInput{width:100%;margin-left:-1px}.Edit4162467582__selectInput{width:100%}.Edit1953199037__editWrapper{width:100%}.Edit1953199037__inputArea{background-color:transparent;width:100%}.Edit1953199037__inputArea input,.Edit1953199037__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}.Edit1953199037__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1953199037__inputArea>div::after{box-shadow:none!important}.Edit1953199037__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea{resize:none;overflow:hidden}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2783054138__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
+ .CardContainer2261743677__root.CardContainer2261743677--mobile{border-radius:0}.CmsFieldForm3396767281__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2193763586__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3891438941__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2544973682__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2544973682__exit{height:0}.CollectionPage604451781__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage604451781__root.CollectionPage604451781--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage604451781__root.CollectionPage604451781--panel{overflow:hidden;position:relative}.CollectionSectionHeader3391855656__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable88363312__root td{vertical-align:middle}.CollectionTable88363312__root.CollectionTable88363312--mobile td:first-child{padding-left:18px}.CollectionTable88363312__root.CollectionTable88363312--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1733338652__root.CollectionTableWSRTable1733338652--resizable table{min-width:100%}.CollectionTableWSRTable1733338652__root.CollectionTableWSRTable1733338652--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--harmony .CollectionToolbar1870074485__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1870074485__left{min-width:0}.CollectionToolbar1870074485__left.CollectionToolbar1870074485--expandable{flex:auto}.CollectionToolbar1870074485__left.CollectionToolbar1870074485--title>*{width:100%}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-5-title .CollectionToolbar1870074485__left{flex:1 100;min-width:50px}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left,.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left.CollectionToolbar1870074485--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1870074485__root .CollectionToolbar1870074485__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--views .CollectionToolbar1870074485__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__right,.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-5-title .CollectionToolbar1870074485__right{flex:0 1 auto;min-width:0}.CollectionToolbar1870074485__root .CollectionToolbar1870074485__right.CollectionToolbar1870074485__fullWidth{margin-inline-start:0!important}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--mobile:not(.CollectionToolbar1870074485--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3570416667__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3570416667__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3570416667__searchMobile:not(.SearchOrCustomFilter3570416667--expandable){left:18px}.SearchOrCustomFilter3570416667__searchMobile.SearchOrCustomFilter3570416667--expandable.SearchOrCustomFilter3570416667--expanded{left:18px}.AutoCompleteReadonly3185250631__root.AutoCompleteReadonly3185250631--disableEditing{cursor:pointer}.AutoCompleteReadonly3185250631__root.AutoCompleteReadonly3185250631--disableEditing input{cursor:pointer}.ViewsDropdown2357510103__root{width:200px}.DragHandle2660918661__root{display:flex;align-items:center}.DragHandle2660918661__root:not(.DragHandle2660918661--disabled){cursor:grab;color:#a8caff}.DragHandle2660918661__root.DragHandle2660918661--disabled{color:#acafc4}.DragHandle2660918661__root:focus-visible:not(.DragHandle2660918661--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2660918661__root.DragHandle2660918661--disabled{pointer-events:none}.DragHandle2660918661__root.DragHandle2660918661--dragging:not(.DragHandle2660918661--disabled){cursor:grabbing}td:has(>.EditableCell437401491__root){position:relative;overflow:visible}tr:has(.EditableCell437401491__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell437401491__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>.EditableCell437401491__root{top:0}.EditableCell437401491__root:hover:not(.EditableCell437401491--rowActive):not(.EditableCell437401491--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell437401491__root.EditableCell437401491--rowActive:not(.EditableCell437401491--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell437401491__root.EditableCell437401491--rowActive:hover:not(.EditableCell437401491--focused):not(.EditableCell437401491--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)}.EditableCell437401491__root.EditableCell437401491--focused:not(.EditableCell437401491--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}.EditableCell437401491__root.EditableCell437401491--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell437401491__root.EditableCell437401491--editing:not(.EditableCell437401491--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell437401491__root.EditableCell437401491--focused.EditableCell437401491--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell437401491__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)}.EditableCell437401491__root.EditableCell437401491--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell437401491__root.EditableCell437401491--selectionTop:not(.EditableCell437401491--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionBottom:not(.EditableCell437401491--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionLeft:not(.EditableCell437401491--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionRight:not(.EditableCell437401491--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--invalid,.EditableCell437401491__root.EditableCell437401491--invalid.EditableCell437401491--rowActive:hover:not(.EditableCell437401491--focused):not(.EditableCell437401491--rangeSelected),.EditableCell437401491__root.EditableCell437401491--invalid.EditableCell437401491--focused:not(.EditableCell437401491--rangeSelected),.EditableCell437401491__root.EditableCell437401491--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell437401491__root.EditableCell437401491--copiedTop:not(.EditableCell437401491--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedBottom:not(.EditableCell437401491--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedLeft:not(.EditableCell437401491--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedRight:not(.EditableCell437401491--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--invalid:not(.EditableCell437401491--focused):not(.EditableCell437401491--editing){z-index:1}.EditableCell437401491__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 .EditableCell437401491__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover848835967__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover848835967__root,.HeaderActionsPopover848835967__root[data-menu-open=true],.HeaderActionsPopover848835967__root:focus-within{opacity:1}.CellViewLayout3909543374__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3909543374__root>*{flex:1;min-width:0}.Edit3273874314__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}.Edit3273874314__addressInput>div,.Edit3273874314__addressInput>div>div,.Edit3273874314__addressInput>div>div>div{width:100%;min-width:0}.Edit953463967__jsonInput{width:100%;margin-left:-1px}.Edit538331484__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3742881423__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1636051476__root{width:100%;height:100%;display:flex;align-items:center}.Edit2377666985__dateInput{width:100%;margin-left:-1px}.Edit165363675__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit165363675__dateHalf{flex:60 1 0}.Edit165363675__timeHalf{flex:40 1 0}.Edit165363675__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit165363675__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%}.Edit165363675__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1769087022__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}.View1769087022__datePart{flex:60 1 0}.View1769087022__timePart{flex:40 1 0}.View1769087022__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1769087022__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit13502391__emailInput{width:100%;margin-left:-1px}.Edit2500695632__numberInput{width:100%;margin-right:2px}.Edit2500695632__numberInput input{text-align:right;direction:ltr}.View3205605498__textView{width:100%;text-align:right}.Edit727397494__jsonInput{width:100%;margin-left:-1px}.Edit3265647556__selectInput{width:100%}.Edit3633095765__editWrapper{width:100%}.Edit3633095765__inputArea{background-color:transparent;width:100%}.Edit3633095765__inputArea input,.Edit3633095765__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}.Edit3633095765__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3633095765__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3633095765__inputArea>div::after{box-shadow:none!important}.Edit3633095765__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3633095765__inputArea:not(.Edit3633095765--isFocused) textarea{resize:none;overflow:hidden}.Edit3633095765__inputArea:not(.Edit3633095765--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3325595502__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
- )}.Edit2783054138__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3418259412__urlInput{width:100%;margin-left:-1px}.View803783575__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View803783575__urlText{flex:1;min-width:0}.View803783575__suffix{flex-shrink:0;margin-left:10px}.View803783575__textView.View803783575--suffixOnHover:not(:hover) .View803783575__suffix{display:none}.EmptyStateBase3436406867__root{min-height:230px;align-items:center}.EntityPagePlain2955974111__root.EntityPagePlain2955974111--mobile{--wds-page-header-padding-horizontal:0}.Fade1418509675__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1418509675__root.Fade1418509675--exit{opacity:0}.Heading3968638190__root{visibility:visible}.Heading3968638190__root.Heading3968638190--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2714570815__fileUpload{width:100%}.InputOverflow1141952276__root.InputOverflow1141952276--selected:not(.InputOverflow1141952276--focused) input::placeholder{color:#000624}@keyframes LoadingRow3055220752__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%}}.LoadingRow3055220752__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:LoadingRow3055220752__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1541340746__root{opacity:1}.MaxHeightText1541340746__root.MaxHeightText1541340746--height24{line-height:24px}.MaxLines865454383__root{overflow:hidden}.MaxLines865454383__root.MaxLines865454383--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1641547521__root{min-width:0}.MultiBulkActionToolbar1641547521__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1641547521__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1641547521__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow100310536__root td{padding:0!important;width:100%}.NestedTableRow2093831599__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow2093831599__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow2093831599__root.NestedTableRow2093831599--expandable{cursor:pointer}.NestedTableRow2093831599__placeholder td{padding:0!important;width:100%}.NestedTableRow2093831599__root:hover td:first-of-type::before,.NestedTableRow2093831599__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))}.MultipleDragOverlayEffect733045943__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)))}.NestedTableDragAndDropRow759723427__root.NestedTableDragAndDropRow759723427--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent212626143__root{display:flex}.PickerContentAdditionalStep2597685663__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2597685663__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2061650482__root{box-sizing:border-box}.ScrollableContent2566898179__root.ScrollableContent2566898179--overflowY{overflow-y:auto}.ScrollableContent2566898179__root.ScrollableContent2566898179--overflowX{overflow-x:auto}.ScrollableContent2566898179__root.ScrollableContent2566898179--smooth{scroll-behavior:smooth}.SetupWidget210130192__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))}.SetupWidget210130192__row.SetupWidget210130192--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget210130192__row.SetupWidget210130192--focused.SetupWidget210130192--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget210130192__completedCta,.SetupWidget210130192__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget210130192__row:hover .SetupWidget210130192__completedCta,.SetupWidget210130192__row:hover .SetupWidget210130192__secondaryCta{opacity:1}}.SetupWidget210130192__row:focus-within .SetupWidget210130192__completedCta,.SetupWidget210130192__row:focus-within .SetupWidget210130192__secondaryCta,.SetupWidget210130192__secondaryCta:focus-within{opacity:1}.SetupWidget210130192__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}.SetupWidget210130192__card.SetupWidget210130192--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget210130192__card.SetupWidget210130192--clickable{cursor:pointer}.SetupWidget210130192__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget210130192__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget210130192__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget210130192__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1621660995__headerLoading{display:block!important}.SlidingModal2710279333__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2710279333__root.SlidingModal2710279333--overlay{transition:transform 0s ease 0s}.SlidingModal2710279333__root.SlidingModal2710279333---appendTo-6-parent{position:absolute}.SlidingModal2710279333__root.SlidingModal2710279333--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal2710279333__root:not(.SlidingModal2710279333--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1176602481__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1176602481__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1176602481__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}.TabsFilter3428757611__root .TabsFilter3428757611__titleBox *{color:inherit!important}.ManageTagsModal3918876308__root{display:flex}.ManageTagsModal3918876308__root.ManageTagsModal3918876308--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3918876308__root.ManageTagsModal3918876308--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1774825403__root{min-width:0}.ToolbarItemBox3007671729__root{min-width:0}.ToolbarItemBox3007671729__root.ToolbarItemBox3007671729--removeStartPadding{margin-left:-24px}.ToolbarItemBox3007671729__root.ToolbarItemBox3007671729--expandable{flex:1 0}.common4027220727__column{display:flex;flex-direction:column}.common4027220727__fullHeight{height:100%;min-height:0}.CollectionPageHeader729795040__root:not(.CollectionPageHeader729795040--mobile){gap:12px}.CollectionPageHeader729795040__root.CollectionPageHeader729795040--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader729795040__root.CollectionPageHeader729795040--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3391843751__root.FormPageHeader3391843751--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3391843751__root.FormPageHeader3391843751--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
3
+ )}.Edit3325595502__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit364588406__urlInput{width:100%;margin-left:-1px}.View1979413694__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1979413694__urlText{flex:1;min-width:0}.View1979413694__suffix{flex-shrink:0;margin-left:10px}.View1979413694__textView.View1979413694--suffixOnHover:not(:hover) .View1979413694__suffix{display:none}.EmptyStateBase2521579040__root{min-height:230px;align-items:center}.EntityPagePlain3640863969__root.EntityPagePlain3640863969--mobile{--wds-page-header-padding-horizontal:0}.Fade1107165023__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1107165023__root.Fade1107165023--exit{opacity:0}.Heading1352977074__root{visibility:visible}.Heading1352977074__root.Heading1352977074--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2011021183__fileUpload{width:100%}.InputOverflow1358242400__root.InputOverflow1358242400--selected:not(.InputOverflow1358242400--focused) input::placeholder{color:#000624}@keyframes LoadingRow226899784__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%}}.LoadingRow226899784__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:LoadingRow226899784__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3720902640__root{opacity:1}.MaxHeightText3720902640__root.MaxHeightText3720902640--height24{line-height:24px}.MaxLines2543292102__root{overflow:hidden}.MaxLines2543292102__root.MaxLines2543292102--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar842487792__root{min-width:0}.MultiBulkActionToolbar842487792__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar842487792__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar842487792__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2906854667__root td{padding:0!important;width:100%}.NestedTableRow4282451113__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow4282451113__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow4282451113__root.NestedTableRow4282451113--expandable{cursor:pointer}.NestedTableRow4282451113__placeholder td{padding:0!important;width:100%}.NestedTableRow4282451113__root:hover td:first-of-type::before,.NestedTableRow4282451113__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))}.MultipleDragOverlayEffect1529367754__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)))}.NestedTableDragAndDropRow1566647522__root.NestedTableDragAndDropRow1566647522--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2217859834__root{display:flex}.PickerContentAdditionalStep2571057755__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2571057755__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1602549234__root{box-sizing:border-box}.ScrollableContent2219410909__root.ScrollableContent2219410909--overflowY{overflow-y:auto}.ScrollableContent2219410909__root.ScrollableContent2219410909--overflowX{overflow-x:auto}.ScrollableContent2219410909__root.ScrollableContent2219410909--smooth{scroll-behavior:smooth}.SetupWidget1330173138__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))}.SetupWidget1330173138__row.SetupWidget1330173138--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1330173138__row.SetupWidget1330173138--focused.SetupWidget1330173138--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1330173138__completedCta,.SetupWidget1330173138__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget1330173138__row:hover .SetupWidget1330173138__completedCta,.SetupWidget1330173138__row:hover .SetupWidget1330173138__secondaryCta{opacity:1}}.SetupWidget1330173138__row:focus-within .SetupWidget1330173138__completedCta,.SetupWidget1330173138__row:focus-within .SetupWidget1330173138__secondaryCta,.SetupWidget1330173138__secondaryCta:focus-within{opacity:1}.SetupWidget1330173138__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}.SetupWidget1330173138__card.SetupWidget1330173138--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1330173138__card.SetupWidget1330173138--clickable{cursor:pointer}.SetupWidget1330173138__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1330173138__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1330173138__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1330173138__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1819075275__headerLoading{display:block!important}.SlidingModal1056310241__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1056310241__root.SlidingModal1056310241--overlay{transition:transform 0s ease 0s}.SlidingModal1056310241__root.SlidingModal1056310241---appendTo-6-parent{position:absolute}.SlidingModal1056310241__root.SlidingModal1056310241--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1056310241__root:not(.SlidingModal1056310241--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1997812600__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1997812600__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1997812600__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}.TabsFilter1870878102__root .TabsFilter1870878102__titleBox *{color:inherit!important}.ManageTagsModal1955119194__root{display:flex}.ManageTagsModal1955119194__root.ManageTagsModal1955119194--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1955119194__root.ManageTagsModal1955119194--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3878948067__root{min-width:0}.ToolbarItemBox4069957524__root{min-width:0}.ToolbarItemBox4069957524__root.ToolbarItemBox4069957524--removeStartPadding{margin-left:-24px}.ToolbarItemBox4069957524__root.ToolbarItemBox4069957524--expandable{flex:1 0}.common3480225819__column{display:flex;flex-direction:column}.common3480225819__fullHeight{height:100%;min-height:0}.CollectionPageHeader3996924296__root:not(.CollectionPageHeader3996924296--mobile){gap:12px}.CollectionPageHeader3996924296__root.CollectionPageHeader3996924296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3996924296__root.CollectionPageHeader3996924296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3775095531__root.FormPageHeader3775095531--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3775095531__root.FormPageHeader3775095531--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.463.0';
5
+ const version = exports.version = 'patterns@1.465.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.463.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.465.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
@@ -2,6 +2,8 @@
2
2
 
3
3
  **Category:** Base Components/Pages/Entity Page/State
4
4
 
5
+ Paths written as `dist/…` below are relative to the `@wix/patterns` package root — the directory holding its `package.json`.
6
+
5
7
  ## API
6
8
 
7
9
  ### Overview
@@ -23,10 +25,5 @@ import { useEntityPage } from '@wix/patterns';
23
25
 
24
26
  ### Props
25
27
 
26
- | Prop | Type | Required | Default | Description |
27
- |------|------|----------|---------|-------------|
28
- | `panels` | `SidePanelsState \| null` | Yes | - | The page's side-panel host, the way a table's lives on its toolbar. Attached by the first feature that needs one, through `SidePanelsState.setOnPage` — so a page with no panels neither builds nor bundles the side-panel code. Everything on the page shares this host, which is what keeps one panel open at a time. |
29
- | `customColumnsState` | `CustomColumnsEntityPageState \| null` | Yes | - | The fields card's "Manage fields" state, set by the card that owns it — the panel is rendered by the host with no props and reads it from here, as a table's panel reads `toolbar.customColumnsState`. |
30
- | `fieldsContainer` | `PatternsFieldsAppContainer \| undefined` | Yes | - | The container the page's field renderers are built with — the one the schema carries, so a table on the same schema shares it. Initialized in `init()` below, next to the schema load the fields also wait on; the schema-entry EntityPage puts it in React context. |
31
- | `holdSave` | `() => () => void` | Yes | - | Blocks `handleSubmit` until the returned release is called (idempotent). For features whose form fields are not mounted yet — react-hook-form only validates mounted controls, so a save in that window would skip their required-field validation. |
28
+ Read `dist/dts-bundle/types/EntityPageState.d.ts` for `EntityPageState`'s props.
32
29
 
@@ -17,6 +17,15 @@ This component extends [`BrowserRouter`](https://reactrouter.com/en/main/router-
17
17
  1. Import `PatternsReactRouter` and `PatternsReactRoute`.
18
18
  1. For each page you want to route to, add a [`PatternsReactRoute`](./?path=%2Fstory%2Fbase-components-pages-routing--patternsreactroute) component inside the `PatternsReactRouter` component.
19
19
 
20
+ > **Route `path`s are relative to this router's own mount point**, not to
21
+ > whatever host page, panel, or outer route you reached it through. Never
22
+ > re-prefix a route's `path` with that outer name (e.g. a router mounted on a
23
+ > page named "shifts" still roots its own routes at `path="/"`, not
24
+ > `path="/shifts"`). See [Patterns Router Overview → Paths are relative to
25
+ > where the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
26
+ > The same rule applies to `parentPath` on `useEntityPage()` and to the `path`
27
+ > passed to `navigateToEntityPage()` / `navigateToCollectionPage()`.
28
+
20
29
  ### Requirements
21
30
 
22
31
  `PatternsReactRouter` reads the current page location through
@@ -59,35 +68,14 @@ const App = withDashboard(() => (
59
68
  ));
60
69
  ```
61
70
 
62
- Under Yoshi BM flow the host passes `location` to your page component, so
63
- `export default withDashboard(MyPage)` is enough.
64
-
65
- In a **Wix CLI app** nothing passes props to the dashboard page component, so
66
- you must supply `location` yourself from the dashboard SDK:
67
-
68
- ```tsx
69
- import { useEffect, useState } from 'react';
70
- import { dashboard, type PageLocation } from '@wix/dashboard';
71
- import { WixDesignSystemProvider } from '@wix/design-system';
72
-
73
- export default function Page() {
74
- const [location, setLocation] = useState<PageLocation>();
75
-
76
- useEffect(() => {
77
- const subscription = dashboard.observeState((_pageParams, environment) => {
78
- setLocation(environment.pageLocation);
79
- });
80
-
81
- return () => subscription.disconnect();
82
- }, []);
83
-
84
- return (
85
- <WixDesignSystemProvider>
86
- {location ? <App location={location} /> : null}
87
- </WixDesignSystemProvider>
88
- );
89
- }
90
- ```
71
+ The component `withDashboard()` returns takes a `location` prop. Under Yoshi BM
72
+ flow the host passes it for you, so `export default withDashboard(MyPage)` is
73
+ enough. In a **Wix CLI app** nothing passes props to the dashboard page
74
+ component, so you must supply `location` yourself from the dashboard SDK's
75
+ `dashboard.observeState` — see
76
+ [`withDashboard`](./?path=%2Fstory%2Fbase-components-pages-router--withdashboard)
77
+ (`dist/docs/withDashboard.md`) for that bootstrap, kept in one place so the two
78
+ docs cannot drift.
91
79
 
92
80
  Also use `parentPath`, not `parentPageId`, in the
93
81
  [`useEntityPage()`](./?path=%2Fstory%2Fbase-components-pages-entity-page-hooks-useentitypage--useentitypage)
@@ -2,6 +2,8 @@
2
2
 
3
3
  **Category:** Features/Actions/PrimaryPageButton
4
4
 
5
+ > **Deprecated.** Use `PrimaryActions` component instead.
6
+
5
7
  Paths written as `dist/…` below are relative to the `@wix/patterns` package root — the directory holding its `package.json`.
6
8
 
7
9
  ## Design
@@ -1,4 +1,11 @@
1
1
  {
2
+ "AI Assistant": {
3
+ "file": "AI Assistant.md",
4
+ "category": "Integrations/AI Assistant",
5
+ "symbols": [
6
+ "createAiAssistant"
7
+ ]
8
+ },
2
9
  "ActionSubItem": {
3
10
  "file": "ActionSubItem.md",
4
11
  "category": "Common/Types"
@@ -8,13 +15,6 @@
8
15
  "category": "Features/Filter/Components",
9
16
  "bundle": "components/AutoCompleteFilter.d.ts"
10
17
  },
11
- "AI Assistant": {
12
- "file": "AI Assistant.md",
13
- "category": "Integrations/AI Assistant",
14
- "symbols": [
15
- "createAiAssistant"
16
- ]
17
- },
18
18
  "CollectionEmptyState": {
19
19
  "file": "CollectionEmptyState.md",
20
20
  "category": "Features/Display/Empty States",
@@ -86,6 +86,10 @@
86
86
  "CollectionSearch/search-highlighting.tsx"
87
87
  ]
88
88
  },
89
+ "CollectionSubToolbar": {
90
+ "file": "CollectionSubToolbar.md",
91
+ "category": "Common/Components"
92
+ },
89
93
  "CollectionToolbar": {
90
94
  "file": "CollectionToolbar.md",
91
95
  "category": "Common/Components"
@@ -139,10 +143,6 @@
139
143
  "file": "CustomFieldsViewWidget.md",
140
144
  "category": "Features/Enrich/Data Extension/Components"
141
145
  },
142
- "CollectionSubToolbar": {
143
- "file": "CollectionSubToolbar.md",
144
- "category": "Common/Components"
145
- },
146
146
  "CustomFieldsWidget": {
147
147
  "file": "CustomFieldsWidget.md",
148
148
  "category": "Features/Enrich/Data Extension/Components",
@@ -183,14 +183,14 @@
183
183
  "EntityPage/input-initialization-with-controller.tsx"
184
184
  ]
185
185
  },
186
- "EntityPage.Content": {
187
- "file": "EntityPage.Content.md",
188
- "category": "Base Components/Pages/Entity Page"
189
- },
190
186
  "EntityPage.Card": {
191
187
  "file": "EntityPage.Card.md",
192
188
  "category": "Base Components/Pages/Entity Page"
193
189
  },
190
+ "EntityPage.Content": {
191
+ "file": "EntityPage.Content.md",
192
+ "category": "Base Components/Pages/Entity Page"
193
+ },
194
194
  "EntityPage.Header": {
195
195
  "file": "EntityPage.Header.md",
196
196
  "category": "Base Components/Pages/Entity Page"
@@ -370,7 +370,9 @@
370
370
  "PrimaryPageButton": {
371
371
  "file": "PrimaryPageButton.md",
372
372
  "category": "Features/Actions/PrimaryPageButton",
373
- "bundle": "components/PrimaryPageButton.d.ts"
373
+ "bundle": "components/PrimaryPageButton.d.ts",
374
+ "status": "deprecated",
375
+ "statusMessage": "Use `PrimaryActions` component instead."
374
376
  },
375
377
  "RadioGroupFilter": {
376
378
  "file": "RadioGroupFilter.md",
@@ -699,6 +701,10 @@
699
701
  "category": "Features/Actions/Action Cell",
700
702
  "bundle": "types/ActionCellProps.d.ts"
701
703
  },
704
+ "Category": {
705
+ "file": "Category.md",
706
+ "category": "Common/Types"
707
+ },
702
708
  "BulkActionModalRenderProp": {
703
709
  "file": "BulkActionModalRenderProp.md",
704
710
  "category": "Common/Types",
@@ -708,10 +714,6 @@
708
714
  "file": "BulkSelectState.md",
709
715
  "category": "Common/State"
710
716
  },
711
- "Category": {
712
- "file": "Category.md",
713
- "category": "Common/Types"
714
- },
715
717
  "CollectionSection": {
716
718
  "file": "CollectionSection.md",
717
719
  "category": "Common/Types"
@@ -720,19 +722,14 @@
720
722
  "file": "CollectionState.md",
721
723
  "category": "Common/State"
722
724
  },
723
- "ComputedQuery": {
724
- "file": "ComputedQuery.md",
725
- "category": "Common/Types",
726
- "bundle": "types/ComputedQuery.d.ts"
727
- },
728
725
  "CtaBaseProps": {
729
726
  "file": "CtaBaseProps.md",
730
727
  "category": "Common/Types"
731
728
  },
732
- "customFilter": {
733
- "file": "customFilter.md",
734
- "category": "Features/Filter/Factories",
735
- "bundle": "functions/customFilter.d.ts"
729
+ "ComputedQuery": {
730
+ "file": "ComputedQuery.md",
731
+ "category": "Common/Types",
732
+ "bundle": "types/ComputedQuery.d.ts"
736
733
  },
737
734
  "Data Extension Overview": {
738
735
  "file": "Data Extension Overview.md",
@@ -750,6 +747,11 @@
750
747
  "file": "Allow Users to Add Extended Fields.md",
751
748
  "category": "Features/Enrich/Data Extension"
752
749
  },
750
+ "customFilter": {
751
+ "file": "customFilter.md",
752
+ "category": "Features/Filter/Factories",
753
+ "bundle": "functions/customFilter.d.ts"
754
+ },
753
755
  "DataResultRaw": {
754
756
  "file": "DataResultRaw.md",
755
757
  "category": "Common/Types",
@@ -757,7 +759,8 @@
757
759
  },
758
760
  "EntityPageState": {
759
761
  "file": "EntityPageState.md",
760
- "category": "Base Components/Pages/Entity Page/State"
762
+ "category": "Base Components/Pages/Entity Page/State",
763
+ "bundle": "types/EntityPageState.d.ts"
761
764
  },
762
765
  "ExportTo": {
763
766
  "file": "ExportTo.md",
@@ -996,6 +999,11 @@
996
999
  "file": "useWidgetsFormContext.md",
997
1000
  "category": "Common/Hooks"
998
1001
  },
1002
+ "withDashboard": {
1003
+ "file": "withDashboard.md",
1004
+ "category": "Base Components/Pages/Router",
1005
+ "bundle": "functions/withDashboard.d.ts"
1006
+ },
999
1007
  "InMemoryBackend": {
1000
1008
  "file": "InMemoryBackend.md",
1001
1009
  "category": "Guides"
@@ -71,5 +71,5 @@ Returns [`EntityPageState`](./?path=/story/base-components-pages-entity-page-sta
71
71
 
72
72
  ### Props
73
73
 
74
- Read `dist/dts-bundle/hooks/useEntity.d.ts` for `useEntity`'s props.
74
+ Read `dist/dts-bundle/hooks/useEntity.d.ts` for `useEntity`'s props. Shared shapes cut to a one-line stub there hold 4 of them: `dist/dts-bundle/types/EntityPageState.d.ts` (4).
75
75
 
@@ -42,7 +42,9 @@ function EditShift({ shiftId }: { shiftId: string }) {
42
42
 
43
43
  const state = useEntityPage<Shift, ShiftFormFields>({
44
44
  parentPageId: '',
45
- parentPath: '/shifts',
45
+ // Relative to the router's own mount point (the page's own root) — not
46
+ // the page's own route/name.
47
+ parentPath: '/',
46
48
  form,
47
49
  fetch: () => api.getShift(shiftId).then((entity) => ({ entity })),
48
50
  // `onSave` receives `widgetsFormData` — what the widget fields
@@ -94,6 +96,146 @@ up the entity type: `state.entity` becomes `any`, and every field access below i
94
96
  checked. Name both.
95
97
 
96
98
 
99
+ ### Create route
100
+
101
+ "Add new" is an entity page too, not a modal — and it is not the edit call with the
102
+ id left out. Four things differ, three of them silently.
103
+
104
+ **Register it as its own route, typed `createEntity`.** One component can serve both
105
+ entity routes; the route is what tells them apart.
106
+
107
+ **Paths here are relative to the router's own mount point**, not to whatever host
108
+ page, panel, or outer route you reached it through — a router mounted on a page
109
+ named "shifts" still roots itself at `path="/"`. Repeating "shifts" in the path
110
+ below is the single most common way this example gets copied wrong. See [Patterns
111
+ Router Overview → Paths are relative to where the router is
112
+ mounted](./?path=/story/base-components-pages-routing--routingoverview).
113
+
114
+
115
+ ```tsx
116
+ <PatternsReactRoute type="collection" path="/" element={<ShiftsCollectionPage />} />
117
+ <PatternsReactRoute type="createEntity" path="/new" element={<ShiftEntityPage />} />
118
+ <PatternsReactRoute type="editEntity" path="/:shiftId" element={<ShiftEntityPage />} />
119
+ ```
120
+
121
+ **Navigate there without an `entity`.**
122
+ [`navigateToEntityPage`](./?path=%2Fstory%2Fbase-components-pages-router-hooks-usepatternsnavigate--usepatternsnavigate)
123
+ takes the argument so the header can render its title before the fetch resolves; on a
124
+ create route there is no record to give it, so omit it and the title renders when your
125
+ own `fetch` does. A placeholder record is the common workaround and is not needed — and
126
+ is worse than nothing, because until `fetch` resolves that placeholder *is*
127
+ `state.entity`.
128
+
129
+ **`fetch` is required, and `{ entity: undefined }` is the create answer.** Its type is
130
+ `() => Promise<{ entity: T | undefined }>`; the `undefined` is that case, not a loading
131
+ state. There is nothing to load, so resolve straight away rather than reaching for a
132
+ `fetch`-less variant, which does not exist.
133
+
134
+ **Set `isNewEntity`.** It is the only param that tells the page which route it is on.
135
+ Omitted, the page infers from data — an entity is loaded, so this must be an edit — and
136
+ a create page that seeds local defaults through `fetch` is then announced to the
137
+ collection as an *update*. The collection changes a row it does not have instead of
138
+ adding one: the new record never appears in the list, and the only trace is a
139
+ `Fetched page info for updated entity not found` console error.
140
+
141
+ A page that only ever creates passes `isNewEntity: true` and a `fetch` that resolves
142
+ empty. More often one component serves both routes, and the presence of the route param
143
+ answers all four at once:
144
+
145
+ ```tsx
146
+ import React from 'react';
147
+ import { useParams } from 'react-router-dom';
148
+ import { EntityPage, useEntityPage } from '@wix/patterns';
149
+ import { useForm } from '@wix/patterns/form';
150
+
151
+ interface Shift {
152
+ id?: string;
153
+ name?: string;
154
+ }
155
+
156
+ interface ShiftFormFields {
157
+ name?: string;
158
+ }
159
+
160
+ const api = {
161
+ getShift: (id: string): Promise<Shift> =>
162
+ Promise.resolve({ id, name: 'Morning' }),
163
+ createShift: (values: Partial<Shift>): Promise<Shift> =>
164
+ Promise.resolve({ id: 'generated-id', ...values }),
165
+ updateShift: (id: string, values: Partial<Shift>): Promise<Shift> =>
166
+ Promise.resolve({ id, ...values }),
167
+ deleteShift: (_id: string): Promise<void> => Promise.resolve(),
168
+ };
169
+
170
+ // One component behind both entity routes — `/new` (`type="createEntity"`)
171
+ // and `/:shiftId` (`type="editEntity"`). Which route it is on is the
172
+ // presence of the param, and that one answer feeds four separate params.
173
+ // These paths are relative to the router's own mount point (the page's own
174
+ // root) — they do not repeat the page's own route/name.
175
+ function ShiftEntityPage() {
176
+ const { shiftId } = useParams<{ shiftId?: string }>();
177
+ const isNewEntity = !shiftId;
178
+
179
+ const form = useForm<ShiftFormFields>({ defaultValues: { name: '' } });
180
+
181
+ const state = useEntityPage<Shift, ShiftFormFields>({
182
+ parentPath: '/',
183
+ form,
184
+ // Decides how the save is announced to the collection — created vs
185
+ // updated. Omitted, the announcement follows whether an entity was
186
+ // loaded, so a create page that seeds defaults through `fetch` is
187
+ // announced as an update.
188
+ isNewEntity,
189
+ // `fetch` is required on both routes. `{ entity: undefined }` is the
190
+ // create case built into its return type, not a loading state.
191
+ fetch: () =>
192
+ shiftId
193
+ ? api.getShift(shiftId).then((entity) => ({ entity }))
194
+ : Promise.resolve({ entity: undefined }),
195
+ // `updatedEntity` is the key name for an insert too.
196
+ onSave: async ({ widgetsFormData }) => {
197
+ const values = { ...form.getValues(), ...widgetsFormData };
198
+ const updatedEntity = shiftId
199
+ ? await api.updateShift(shiftId, values)
200
+ : await api.createShift(values);
201
+ return { updatedEntity };
202
+ },
203
+ saveSuccessToast: isNewEntity ? 'Shift added' : 'Shift updated',
204
+ // A record that does not exist yet has nothing to delete.
205
+ ...(isNewEntity
206
+ ? {}
207
+ : {
208
+ deleteAction: {
209
+ onDelete: (shift: Shift) => api.deleteShift(shift.id!),
210
+ },
211
+ }),
212
+ });
213
+
214
+ return (
215
+ <EntityPage state={state}>
216
+ <EntityPage.Header
217
+ title={{ text: isNewEntity ? 'Add Shift' : state.entity?.name ?? '' }}
218
+ />
219
+ <EntityPage.Content>
220
+ <EntityPage.MainContent>...</EntityPage.MainContent>
221
+ </EntityPage.Content>
222
+ </EntityPage>
223
+ );
224
+ }
225
+
226
+ export default ShiftEntityPage;
227
+ ```
228
+
229
+ The header title is the same conditional the params are: `isNewEntity ? 'Add Shift' :
230
+ state.entity?.name`.
231
+
232
+ One consequence of how the hook is built: `useEntityPage` reads its params once, in a
233
+ `useState` initializer, so a boolean `isNewEntity` is fixed at mount. That is what you
234
+ want when each route mounts its own page. Pass the getter form —
235
+ `isNewEntity?: boolean | (() => boolean)` — to read a live source when a single mounted
236
+ page survives the route change instead.
237
+
238
+
97
239
  ### Props
98
240
 
99
241
  Read `dist/dts-bundle/hooks/useEntityPage.d.ts` for `useEntityPage`'s props.
@@ -10,12 +10,18 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
10
10
 
11
11
  The `usePatternsNavigate` hook provides functions to navigate between pages in a Patterns React application.
12
12
 
13
+ > **`path` is relative to the router's own mount point**, not to whatever host
14
+ > page, panel, or outer route you reached it through. Never re-prefix it with
15
+ > that outer name; see [Patterns Router Overview → Paths are relative to where
16
+ > the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
13
17
 
14
18
  ### Usage
19
+
15
20
  This hook returns an object with two functions that you can use:
16
21
 
17
22
  ```ts
18
- const { navigateToCollectionPage, navigateToEntityPage } = usePatternsNavigate();
23
+ const { navigateToCollectionPage, navigateToEntityPage } =
24
+ usePatternsNavigate();
19
25
  ```
20
26
 
21
27
  The `navigateToCollectionPage` function is used to navigate to a collection page. \
@@ -23,18 +29,18 @@ A good usecase for it, is to navigate to a collection page on a breadcrumb click
23
29
  It takes the path of the collection page as an argument:
24
30
 
25
31
  ```ts
26
- <Breadcrumbs
27
- activeId="current"
28
- items={[
29
- { id: 'root', value: 'Dummy Entity Collection' },
30
- { id: 'current', value: 'Entity Page' },
31
- ]}
32
- onClick={(e) => {
33
- if (e.id === 'root') {
34
- navigateToCollectionPage({ path: '/entities' });
35
- }
36
- }}
37
- />
32
+ <Breadcrumbs
33
+ activeId="current"
34
+ items={[
35
+ { id: 'root', value: 'Dummy Entity Collection' },
36
+ { id: 'current', value: 'Entity Page' },
37
+ ]}
38
+ onClick={(e) => {
39
+ if (e.id === 'root') {
40
+ navigateToCollectionPage({ path: '/' });
41
+ }
42
+ }}
43
+ />
38
44
  ```
39
45
 
40
46
  The `navigateToEntityPage` function is used to navigate to an entity page. \
@@ -49,7 +55,7 @@ It takes the path of the entity page, and the entity as arguments:
49
55
  text: 'Edit',
50
56
  onClick: () =>
51
57
  navigateToEntityPage({
52
- path: `/entities/${item.id}`,
58
+ path: `/${item.id}`,
53
59
  entity: item,
54
60
  }),
55
61
  icon: <Edit />,
@@ -58,6 +64,27 @@ It takes the path of the entity page, and the entity as arguments:
58
64
  }}
59
65
  ```
60
66
 
67
+ ### Navigating to a create page
68
+
69
+ `entity` is optional, because a create page has no record to pass yet. Omit it:
70
+
71
+ ```ts
72
+ <PrimaryActions
73
+ label="Add shift"
74
+ onClick={() => navigateToEntityPage({ path: '/new' })}
75
+ />
76
+ ```
77
+
78
+ Passing a placeholder object instead is a common workaround and is not needed —
79
+ the header simply renders without a title until your own `fetch` resolves, and
80
+ until then the placeholder *is* the page's `state.entity`.
81
+
82
+ The create page itself needs three more things — the `createEntity` route, a
83
+ `fetch` that resolves empty, and `isNewEntity`. See
84
+ [Create route](./?path=/story/base-components-pages-entity-page-hooks-useentitypage--useentitypage)
85
+ on `useEntityPage`, which has the worked component for a page serving both the
86
+ create and the edit route.
87
+
61
88
 
62
89
  ```tsx
63
90
  import { usePatternsNavigate } from '@wix/patterns/router';