@wix/patterns 1.448.0 → 1.449.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 (373) hide show
  1. package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
  2. package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
  3. package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js +3 -3
  4. package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js.map +1 -1
  5. package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js +3 -3
  6. package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map +1 -1
  7. package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +3 -3
  8. package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
  9. package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js +3 -3
  10. package/dist/cjs/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js.map +1 -1
  11. package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
  12. package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
  13. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  14. package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
  15. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
  16. package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  17. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
  18. package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  19. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  20. package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
  21. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
  22. package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
  23. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
  24. package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  25. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  26. package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  27. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  28. package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  29. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  30. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  31. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  32. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  33. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  34. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  35. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  36. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  37. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
  38. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
  39. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
  40. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  41. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  42. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  43. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  44. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  45. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  46. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  47. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  48. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  49. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  50. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  51. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
  52. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  53. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
  54. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
  55. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
  56. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  57. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  58. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  59. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
  60. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  61. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  62. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  63. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  64. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  65. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  66. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  67. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  68. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  69. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  70. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  71. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  72. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  73. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
  74. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
  75. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  76. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  77. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  78. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  79. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  80. package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
  81. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  82. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  83. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  84. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  85. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  86. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  87. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  88. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  89. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  90. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  91. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  92. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  93. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  94. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  95. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  96. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  97. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  98. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  99. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  100. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  101. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  102. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  103. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  104. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  105. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  106. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  107. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  108. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  109. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  110. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  111. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  112. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  113. package/dist/cjs/components/ReferenceFieldFilter/ReferenceFieldFilter.js +22 -15
  114. package/dist/cjs/components/ReferenceFieldFilter/ReferenceFieldFilter.js.map +1 -1
  115. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  116. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  117. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js +10 -10
  118. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  119. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  120. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  121. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  122. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  123. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +4 -4
  124. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
  125. package/dist/cjs/components/TabsFilter/TabTitle.js +7 -10
  126. package/dist/cjs/components/TabsFilter/TabTitle.js.map +1 -1
  127. package/dist/cjs/components/TabsFilter/TabsFilter.js +6 -8
  128. package/dist/cjs/components/TabsFilter/TabsFilter.js.map +1 -1
  129. package/dist/cjs/components/TabsFilter/TabsFilter.st.css +4 -17
  130. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +4 -10
  131. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  132. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  133. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  134. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  135. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  136. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  137. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  138. package/dist/cjs/components/common.st.css.js +4 -4
  139. package/dist/cjs/components/common.st.css.js.map +1 -1
  140. package/dist/cjs/hooks/useEntityPage.js.map +1 -1
  141. package/dist/cjs/schema/useEntityPage.js +1 -0
  142. package/dist/cjs/schema/useEntityPage.js.map +1 -1
  143. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  144. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  145. package/dist/cjs/state/EntityPage/EntityPageState.js +8 -1
  146. package/dist/cjs/state/EntityPage/EntityPageState.js.map +1 -1
  147. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  148. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  149. package/dist/cjs/styles.global.css +2 -2
  150. package/dist/cjs/version.js +1 -1
  151. package/dist/cjs/version.js.map +1 -1
  152. package/dist/docs/index.json +26 -26
  153. package/dist/docs/useEntityPage.md +1 -0
  154. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  155. package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
  156. package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
  157. package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
  158. package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js +2 -2
  159. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  160. package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
  161. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  162. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  163. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  164. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
  165. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  166. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  167. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  168. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  169. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  170. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
  171. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  172. package/dist/esm/components/DragHandle/DragHandle.st.css.js.map +1 -1
  173. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  174. package/dist/esm/components/EditableTable/EditableCell.st.css.js.map +1 -1
  175. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  176. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  177. package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
  178. package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
  179. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
  180. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  181. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  182. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  183. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  184. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  185. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  186. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  187. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  188. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  189. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
  190. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  191. package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
  192. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  193. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  194. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  195. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  196. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  197. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  198. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  199. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  200. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  201. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  202. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  203. package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js +2 -2
  204. package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
  205. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  206. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  207. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  208. package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
  209. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  210. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  211. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  212. package/dist/esm/components/Heading/Heading.st.css.js.map +1 -1
  213. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
  214. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  215. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  216. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  217. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  218. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  219. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  220. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  221. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  222. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  223. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  224. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  225. package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
  226. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  227. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  228. package/dist/esm/components/ReferenceFieldFilter/ReferenceFieldFilter.js +11 -6
  229. package/dist/esm/components/ReferenceFieldFilter/ReferenceFieldFilter.js.map +1 -1
  230. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  231. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +2 -2
  232. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  233. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  234. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  235. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  236. package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +2 -2
  237. package/dist/esm/components/TabsFilter/TabTitle.js +5 -5
  238. package/dist/esm/components/TabsFilter/TabTitle.js.map +1 -1
  239. package/dist/esm/components/TabsFilter/TabsFilter.js +2 -3
  240. package/dist/esm/components/TabsFilter/TabsFilter.js.map +1 -1
  241. package/dist/esm/components/TabsFilter/TabsFilter.st.css +4 -17
  242. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +3 -3
  243. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  244. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  245. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  246. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  247. package/dist/esm/components/common.st.css.js +2 -2
  248. package/dist/esm/hooks/useEntityPage.js.map +1 -1
  249. package/dist/esm/schema/useEntityPage.js +1 -0
  250. package/dist/esm/schema/useEntityPage.js.map +1 -1
  251. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  252. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  253. package/dist/esm/state/EntityPage/EntityPageState.js +11 -1
  254. package/dist/esm/state/EntityPage/EntityPageState.js.map +1 -1
  255. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  256. package/dist/esm/styles.global.css +2 -2
  257. package/dist/esm/version.js +1 -1
  258. package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
  259. package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
  260. package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
  261. package/dist/types/components/DragHandle/DragHandle.st.css.d.ts.map +1 -1
  262. package/dist/types/components/EditableTable/EditableCell.st.css.d.ts.map +1 -1
  263. package/dist/types/components/EditableTable/cellTypes/address/Edit.st.css.d.ts.map +1 -1
  264. package/dist/types/components/EditableTable/cellTypes/array/Edit.st.css.d.ts.map +1 -1
  265. package/dist/types/components/EditableTable/cellTypes/boolean/Edit.st.css.d.ts.map +1 -1
  266. package/dist/types/components/EditableTable/cellTypes/color/Edit.st.css.d.ts.map +1 -1
  267. package/dist/types/components/EditableTable/cellTypes/date/View.st.css.d.ts.map +1 -1
  268. package/dist/types/components/EditableTable/cellTypes/datetime/Edit.st.css.d.ts.map +1 -1
  269. package/dist/types/components/EditableTable/cellTypes/select/Edit.st.css.d.ts.map +1 -1
  270. package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
  271. package/dist/types/components/EditableTable/cellTypes/time/Edit.st.css.d.ts.map +1 -1
  272. package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
  273. package/dist/types/components/Heading/Heading.st.css.d.ts.map +1 -1
  274. package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
  275. package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
  276. package/dist/types/components/ReferenceFieldFilter/ReferenceFieldFilter.d.ts +2 -1
  277. package/dist/types/components/ReferenceFieldFilter/ReferenceFieldFilter.d.ts.map +1 -1
  278. package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
  279. package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
  280. package/dist/types/components/TabsFilter/TabTitle.d.ts +1 -2
  281. package/dist/types/components/TabsFilter/TabTitle.d.ts.map +1 -1
  282. package/dist/types/components/TabsFilter/TabsFilter.d.ts.map +1 -1
  283. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts +2 -8
  284. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
  285. package/dist/types/hooks/useEntityPage.d.ts +1 -1
  286. package/dist/types/hooks/useEntityPage.d.ts.map +1 -1
  287. package/dist/types/schema/useEntityPage.d.ts +1 -1
  288. package/dist/types/schema/useEntityPage.d.ts.map +1 -1
  289. package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
  290. package/dist/types/state/EntityPage/EntityPageState.d.ts +11 -0
  291. package/dist/types/state/EntityPage/EntityPageState.d.ts.map +1 -1
  292. package/dist/types/version.d.ts +1 -1
  293. package/package.json +7 -7
  294. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  295. package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
  296. package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
  297. package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts +2 -2
  298. package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts +2 -2
  299. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  300. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  301. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  302. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  303. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  304. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  305. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  306. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  307. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  308. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  309. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  310. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  311. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  312. package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
  313. package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
  314. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  315. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  316. package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
  317. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  318. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  319. package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
  320. package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
  321. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  322. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  323. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  324. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  325. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  326. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  327. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  328. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  329. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  330. package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
  331. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  332. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  333. package/src/components/EmptyState/EmptyStateBase.st.css.ts +2 -2
  334. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  335. package/src/components/Fade/Fade.st.css.ts +2 -2
  336. package/src/components/Heading/Heading.st.css.ts +2 -2
  337. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  338. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  339. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  340. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  341. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  342. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  343. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  344. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  345. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  346. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  347. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  348. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  349. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  350. package/src/components/ReferenceFieldFilter/ReferenceFieldFilter.tsx +14 -6
  351. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  352. package/src/components/SetupWidget/SetupWidget.st.css.ts +2 -2
  353. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  354. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  355. package/src/components/Table/AddFieldColumnHeader.st.css.ts +2 -2
  356. package/src/components/TabsFilter/TabTitle.tsx +8 -6
  357. package/src/components/TabsFilter/TabsFilter.st.css +4 -17
  358. package/src/components/TabsFilter/TabsFilter.st.css.ts +3 -3
  359. package/src/components/TabsFilter/TabsFilter.tsx +0 -3
  360. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  361. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  362. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  363. package/src/components/common.st.css.ts +2 -2
  364. package/src/hooks/useEntityPage.ts +1 -0
  365. package/src/schema/useEntityPage.ts +5 -1
  366. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  367. package/src/state/EntityPage/EntityPageState.ts +24 -1
  368. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  369. package/src/styles.global.css +2 -2
  370. package/src/version.ts +1 -1
  371. package/dist/cjs/components/ReferenceFieldFilter/pr-5715-comments.md +0 -73
  372. package/dist/esm/components/ReferenceFieldFilter/pr-5715-comments.md +0 -73
  373. package/src/components/ReferenceFieldFilter/pr-5715-comments.md +0 -73
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "NestedTableDragAndDropRow1938450215";
8
+ var _namespace_ = "NestedTableDragAndDropRow3558615481";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "NestedTableDragAndDropRow1938450215__root"
15
+ "root": "NestedTableDragAndDropRow3558615481__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow1938450215\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow1938450215__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wsr-color-B50\":\"--wsr-color-B50\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow3558615481\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow3558615481__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wsr-color-B50\":\"--wsr-color-B50\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2C,CAAC;AAClE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "PickerContent1207852199";
8
+ var _namespace_ = "PickerContent396127304";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "PickerContent1207852199__root"
15
+ "root": "PickerContent396127304__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1207852199\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent1207852199__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent396127304\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent396127304__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "PickerContentAdditionalStep3295160460";
8
+ var _namespace_ = "PickerContentAdditionalStep3143450510";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "PickerContentAdditionalStep3295160460__root",
16
- "titles": "PickerContentAdditionalStep3295160460__titles",
17
- "suffix": "PickerContentAdditionalStep3295160460__suffix"
15
+ "root": "PickerContentAdditionalStep3143450510__root",
16
+ "titles": "PickerContentAdditionalStep3143450510__titles",
17
+ "suffix": "PickerContentAdditionalStep3143450510__suffix"
18
18
  };
19
19
  var keyframes = exports.keyframes = {};
20
20
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3295160460\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep3295160460__root\",\"titles\":\"PickerContentAdditionalStep3295160460__titles\",\"suffix\":\"PickerContentAdditionalStep3295160460__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3143450510\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep3143450510__root\",\"titles\":\"PickerContentAdditionalStep3143450510__titles\",\"suffix\":\"PickerContentAdditionalStep3143450510__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "PickerTableListItem2371250403";
8
+ var _namespace_ = "PickerTableListItem3262638855";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "PickerTableListItem2371250403__root"
15
+ "root": "PickerTableListItem3262638855__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2371250403\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem2371250403__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3262638855\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem3262638855__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -14,19 +14,22 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
14
14
  * way the reference cell's editor does, so a row is recognizable by more than
15
15
  * its display name.
16
16
  */
17
- const referenceFilterOption = item => ({
18
- title: item.name,
19
- prefix: /*#__PURE__*/_react.default.createElement(_patternsFields.ReferenceAvatar, {
20
- name: item.name,
21
- image: item.image,
22
- __self: void 0,
23
- __source: {
24
- fileName: _jsxFileName,
25
- lineNumber: 21,
26
- columnNumber: 11
27
- }
28
- })
29
- });
17
+ const referenceFilterOption = translate => item => {
18
+ const name = item.name || translate('patterns-fields.reference.untitled');
19
+ return {
20
+ title: name,
21
+ prefix: /*#__PURE__*/_react.default.createElement(_patternsFields.ReferenceAvatar, {
22
+ name: name,
23
+ image: item.image,
24
+ __self: void 0,
25
+ __source: {
26
+ fileName: _jsxFileName,
27
+ lineNumber: 26,
28
+ columnNumber: 15
29
+ }
30
+ })
31
+ };
32
+ };
30
33
 
31
34
  /**
32
35
  * Names the options collection's cache entry.
@@ -57,17 +60,21 @@ const ReferenceFieldFilter = props => {
57
60
  referencedCollectionId,
58
61
  ...filterProps
59
62
  } = props;
63
+ const {
64
+ t
65
+ } = (0, _patternsFields.useTranslations)();
66
+ const renderItem = _react.default.useMemo(() => referenceFilterOption(t), [t]);
60
67
  const collection = (0, _useFilterCollection.useFilterCollection)(props.filter, {
61
68
  queryName: referenceFilterQueryName(referencedCollectionId, fieldId),
62
69
  fetchData: fetchItems
63
70
  });
64
71
  return /*#__PURE__*/_react.default.createElement(_MultiSelectCollectionFilter.MultiSelectCollectionFilter, (0, _extends2.default)({}, filterProps, {
65
72
  collection: collection,
66
- renderItem: referenceFilterOption,
73
+ renderItem: renderItem,
67
74
  __self: void 0,
68
75
  __source: {
69
76
  fileName: _jsxFileName,
70
- lineNumber: 67,
77
+ lineNumber: 75,
71
78
  columnNumber: 5
72
79
  }
73
80
  }));
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_useFilterCollection","_MultiSelectCollectionFilter","_jsxFileName","referenceFilterOption","item","title","name","prefix","default","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","exports","referenceFilterQueryName","referencedCollectionId","fieldId","ReferenceFieldFilter","props","fetchItems","filterProps","collection","useFilterCollection","filter","queryName","fetchData","MultiSelectCollectionFilter","_extends2","renderItem","displayName"],"sources":["../../../../src/components/ReferenceFieldFilter/ReferenceFieldFilter.tsx"],"sourcesContent":["import React from 'react';\nimport type { OffsetQuery } from '@wix/bex-core';\nimport { ReferenceAvatar } from '@wix/patterns-fields';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { MultiSelectCollectionFilter } from '../MultiSelectCollectionFilter';\nimport type { FilterProps } from '../../model';\nimport type { ListItem } from '../../hooks/listItem';\nimport type { ReferenceItem } from '../EditableTable/cellTypes/reference/types';\n\nexport type FetchReferenceItems = (\n query: OffsetQuery,\n) => Promise<{ items: ReferenceItem[]; total: number }>;\n\n/**\n * One option in the filter's list. Carries the referenced item's image the same\n * way the reference cell's editor does, so a row is recognizable by more than\n * its display name.\n */\nexport const referenceFilterOption = (item: ReferenceItem): ListItem => ({\n title: item.name,\n prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n});\n\n/**\n * Names the options collection's cache entry.\n *\n * The cache key is `[queryName, computedQuery]` and the filter collection sets\n * `refetchOnMount: false`, so two filters sharing a name share fetched options.\n * The field id alone is not enough: two collections on a page can both have an\n * `owner` field pointing at different collections, and the second would show\n * the first's items and filter by ids its own collection never had. The\n * referenced collection is what the options actually come from, so it belongs\n * in the name; the field id keeps two fields on one collection independent.\n */\nexport const referenceFilterQueryName = (\n referencedCollectionId: string,\n fieldId: string,\n) => `reference-filter-${referencedCollectionId}-${fieldId}`;\n\nexport interface ReferenceFieldFilterProps\n extends FilterProps<ReferenceItem[]> {\n /** Queries the referenced collection for the options to choose from. */\n fetchItems: FetchReferenceItems;\n /** The collection the options come from. Part of their cache key. */\n referencedCollectionId: string;\n /** The field being filtered. Part of the options' cache key. */\n fieldId: string;\n}\n\n/**\n * Filters a reference field by the referenced items themselves, which the\n * filter loads from the referenced collection.\n *\n * Multi-select for both reference and multi-reference: a source matches the\n * picked ids with `hasSome` either way, so a single-reference field can still\n * be filtered down to several possible targets.\n */\nexport const ReferenceFieldFilter = (props: ReferenceFieldFilterProps) => {\n const { fetchItems, fieldId, referencedCollectionId, ...filterProps } = props;\n\n const collection = useFilterCollection<ReferenceItem>(props.filter, {\n queryName: referenceFilterQueryName(referencedCollectionId, fieldId),\n fetchData: fetchItems,\n });\n\n return (\n <MultiSelectCollectionFilter\n {...filterProps}\n collection={collection}\n renderItem={referenceFilterOption}\n />\n );\n};\n\n// The toolbar decides inline-vs-side-panel from this name; without it the\n// filter renders inline, unlike the MultiSelectCollectionFilter it wraps.\nReferenceFieldFilter.displayName = 'ReferenceFieldFilter';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAA6E,IAAAI,YAAA;AAS7E;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAIC,IAAmB,KAAgB;EACvEC,KAAK,EAAED,IAAI,CAACE,IAAI;EAChBC,MAAM,eAAEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,eAAe;IAACJ,IAAI,EAAEF,IAAI,CAACE,IAAK;IAACK,KAAK,EAAEP,IAAI,CAACO,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AAChE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVAC,OAAA,CAAAd,qBAAA,GAAAA,qBAAA;AAWO,MAAMe,wBAAwB,GAAGA,CACtCC,sBAA8B,EAC9BC,OAAe,KACZ,oBAAoBD,sBAAsB,IAAIC,OAAO,EAAE;AAACH,OAAA,CAAAC,wBAAA,GAAAA,wBAAA;AAY7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,oBAAoB,GAAIC,KAAgC,IAAK;EACxE,MAAM;IAAEC,UAAU;IAAEH,OAAO;IAAED,sBAAsB;IAAE,GAAGK;EAAY,CAAC,GAAGF,KAAK;EAE7E,MAAMG,UAAU,GAAG,IAAAC,wCAAmB,EAAgBJ,KAAK,CAACK,MAAM,EAAE;IAClEC,SAAS,EAAEV,wBAAwB,CAACC,sBAAsB,EAAEC,OAAO,CAAC;IACpES,SAAS,EAAEN;EACb,CAAC,CAAC;EAEF,oBACE3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,4BAAA,CAAA6B,2BAA2B,MAAAC,SAAA,CAAAvB,OAAA,MACtBgB,WAAW;IACfC,UAAU,EAAEA,UAAW;IACvBO,UAAU,EAAE7B,qBAAsB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnC,CAAC;AAEN,CAAC;;AAED;AACA;AAAAC,OAAA,CAAAI,oBAAA,GAAAA,oBAAA;AACAA,oBAAoB,CAACY,WAAW,GAAG,sBAAsB","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_useFilterCollection","_MultiSelectCollectionFilter","_jsxFileName","referenceFilterOption","translate","item","name","title","prefix","default","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","exports","referenceFilterQueryName","referencedCollectionId","fieldId","ReferenceFieldFilter","props","fetchItems","filterProps","t","useTranslations","renderItem","React","useMemo","collection","useFilterCollection","filter","queryName","fetchData","MultiSelectCollectionFilter","_extends2","displayName"],"sources":["../../../../src/components/ReferenceFieldFilter/ReferenceFieldFilter.tsx"],"sourcesContent":["import React from 'react';\nimport type { OffsetQuery } from '@wix/bex-core';\nimport { ReferenceAvatar, useTranslations } from '@wix/patterns-fields';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { MultiSelectCollectionFilter } from '../MultiSelectCollectionFilter';\nimport type { FilterProps } from '../../model';\nimport type { ListItem } from '../../hooks/listItem';\nimport type { ReferenceItem } from '../EditableTable/cellTypes/reference/types';\n\nexport type FetchReferenceItems = (\n query: OffsetQuery,\n) => Promise<{ items: ReferenceItem[]; total: number }>;\n\n/**\n * One option in the filter's list. Carries the referenced item's image the same\n * way the reference cell's editor does, so a row is recognizable by more than\n * its display name.\n */\nexport const referenceFilterOption =\n (translate: ReturnType<typeof useTranslations>['t']) =>\n (item: ReferenceItem): ListItem => {\n const name = item.name || translate('patterns-fields.reference.untitled');\n\n return {\n title: name,\n prefix: <ReferenceAvatar name={name} image={item.image} />,\n };\n };\n\n/**\n * Names the options collection's cache entry.\n *\n * The cache key is `[queryName, computedQuery]` and the filter collection sets\n * `refetchOnMount: false`, so two filters sharing a name share fetched options.\n * The field id alone is not enough: two collections on a page can both have an\n * `owner` field pointing at different collections, and the second would show\n * the first's items and filter by ids its own collection never had. The\n * referenced collection is what the options actually come from, so it belongs\n * in the name; the field id keeps two fields on one collection independent.\n */\nexport const referenceFilterQueryName = (\n referencedCollectionId: string,\n fieldId: string,\n) => `reference-filter-${referencedCollectionId}-${fieldId}`;\n\nexport interface ReferenceFieldFilterProps\n extends FilterProps<ReferenceItem[]> {\n /** Queries the referenced collection for the options to choose from. */\n fetchItems: FetchReferenceItems;\n /** The collection the options come from. Part of their cache key. */\n referencedCollectionId: string;\n /** The field being filtered. Part of the options' cache key. */\n fieldId: string;\n}\n\n/**\n * Filters a reference field by the referenced items themselves, which the\n * filter loads from the referenced collection.\n *\n * Multi-select for both reference and multi-reference: a source matches the\n * picked ids with `hasSome` either way, so a single-reference field can still\n * be filtered down to several possible targets.\n */\nexport const ReferenceFieldFilter = (props: ReferenceFieldFilterProps) => {\n const { fetchItems, fieldId, referencedCollectionId, ...filterProps } = props;\n const { t } = useTranslations();\n const renderItem = React.useMemo(() => referenceFilterOption(t), [t]);\n\n const collection = useFilterCollection<ReferenceItem>(props.filter, {\n queryName: referenceFilterQueryName(referencedCollectionId, fieldId),\n fetchData: fetchItems,\n });\n\n return (\n <MultiSelectCollectionFilter\n {...filterProps}\n collection={collection}\n renderItem={renderItem}\n />\n );\n};\n\n// The toolbar decides inline-vs-side-panel from this name; without it the\n// filter renders inline, unlike the MultiSelectCollectionFilter it wraps.\nReferenceFieldFilter.displayName = 'ReferenceFieldFilter';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAA6E,IAAAI,YAAA;AAS7E;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAC/BC,SAAkD,IAClDC,IAAmB,IAAe;EACjC,MAAMC,IAAI,GAAGD,IAAI,CAACC,IAAI,IAAIF,SAAS,CAAC,oCAAoC,CAAC;EAEzE,OAAO;IACLG,KAAK,EAAED,IAAI;IACXE,MAAM,eAAEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,eAAA,CAAAY,eAAe;MAACL,IAAI,EAAEA,IAAK;MAACM,KAAK,EAAEP,IAAI,CAACO,KAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC3D,CAAC;AACH,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVAC,OAAA,CAAAf,qBAAA,GAAAA,qBAAA;AAWO,MAAMgB,wBAAwB,GAAGA,CACtCC,sBAA8B,EAC9BC,OAAe,KACZ,oBAAoBD,sBAAsB,IAAIC,OAAO,EAAE;AAACH,OAAA,CAAAC,wBAAA,GAAAA,wBAAA;AAY7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,oBAAoB,GAAIC,KAAgC,IAAK;EACxE,MAAM;IAAEC,UAAU;IAAEH,OAAO;IAAED,sBAAsB;IAAE,GAAGK;EAAY,CAAC,GAAGF,KAAK;EAC7E,MAAM;IAAEG;EAAE,CAAC,GAAG,IAAAC,+BAAe,EAAC,CAAC;EAC/B,MAAMC,UAAU,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM3B,qBAAqB,CAACuB,CAAC,CAAC,EAAE,CAACA,CAAC,CAAC,CAAC;EAErE,MAAMK,UAAU,GAAG,IAAAC,wCAAmB,EAAgBT,KAAK,CAACU,MAAM,EAAE;IAClEC,SAAS,EAAEf,wBAAwB,CAACC,sBAAsB,EAAEC,OAAO,CAAC;IACpEc,SAAS,EAAEX;EACb,CAAC,CAAC;EAEF,oBACE5B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,4BAAA,CAAAmC,2BAA2B,MAAAC,SAAA,CAAA5B,OAAA,MACtBgB,WAAW;IACfM,UAAU,EAAEA,UAAW;IACvBH,UAAU,EAAEA,UAAW;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxB,CAAC;AAEN,CAAC;;AAED;AACA;AAAAC,OAAA,CAAAI,oBAAA,GAAAA,oBAAA;AACAA,oBAAoB,CAACgB,WAAW,GAAG,sBAAsB","ignoreList":[]}
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "ScrollableContent4182818010";
8
+ var _namespace_ = "ScrollableContent3969433939";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "ScrollableContent4182818010__root"
15
+ "root": "ScrollableContent3969433939__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent4182818010\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent4182818010__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3969433939\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent3969433939__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "SetupWidget799516824";
8
+ var _namespace_ = "SetupWidget2850626784";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "SetupWidget799516824__root",
16
- "row": "SetupWidget799516824__row",
17
- "completedCta": "SetupWidget799516824__completedCta",
18
- "secondaryCta": "SetupWidget799516824__secondaryCta",
19
- "card": "SetupWidget799516824__card",
20
- "stepIcon": "SetupWidget799516824__stepIcon",
21
- "chevron": "SetupWidget799516824__chevron",
22
- "chevronDisabled": "SetupWidget799516824__chevronDisabled",
23
- "inProgressLabel": "SetupWidget799516824__inProgressLabel"
15
+ "root": "SetupWidget2850626784__root",
16
+ "row": "SetupWidget2850626784__row",
17
+ "completedCta": "SetupWidget2850626784__completedCta",
18
+ "secondaryCta": "SetupWidget2850626784__secondaryCta",
19
+ "card": "SetupWidget2850626784__card",
20
+ "stepIcon": "SetupWidget2850626784__stepIcon",
21
+ "chevron": "SetupWidget2850626784__chevron",
22
+ "chevronDisabled": "SetupWidget2850626784__chevronDisabled",
23
+ "inProgressLabel": "SetupWidget2850626784__inProgressLabel"
24
24
  };
25
25
  var keyframes = exports.keyframes = {};
26
26
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget799516824\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SetupWidget799516824__root\",\"row\":\"SetupWidget799516824__row\",\"completedCta\":\"SetupWidget799516824__completedCta\",\"secondaryCta\":\"SetupWidget799516824__secondaryCta\",\"card\":\"SetupWidget799516824__card\",\"stepIcon\":\"SetupWidget799516824__stepIcon\",\"chevron\":\"SetupWidget799516824__chevron\",\"chevronDisabled\":\"SetupWidget799516824__chevronDisabled\",\"inProgressLabel\":\"SetupWidget799516824__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,KAAK,EAAC,2BAA2B;EAAC,cAAc,EAAC,oCAAoC;EAAC,cAAc,EAAC,oCAAoC;EAAC,MAAM,EAAC,4BAA4B;EAAC,UAAU,EAAC,gCAAgC;EAAC,SAAS,EAAC,+BAA+B;EAAC,iBAAiB,EAAC,uCAAuC;EAAC,iBAAiB,EAAC;AAAuC,CAAC;AAC3a,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget2850626784\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SetupWidget2850626784__root\",\"row\":\"SetupWidget2850626784__row\",\"completedCta\":\"SetupWidget2850626784__completedCta\",\"secondaryCta\":\"SetupWidget2850626784__secondaryCta\",\"card\":\"SetupWidget2850626784__card\",\"stepIcon\":\"SetupWidget2850626784__stepIcon\",\"chevron\":\"SetupWidget2850626784__chevron\",\"chevronDisabled\":\"SetupWidget2850626784__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2850626784__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AACpb,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "SkeletonCard571625231";
8
+ var _namespace_ = "SkeletonCard2603318609";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "SkeletonCard571625231__root",
16
- "headerLoading": "SkeletonCard571625231__headerLoading"
15
+ "root": "SkeletonCard2603318609__root",
16
+ "headerLoading": "SkeletonCard2603318609__headerLoading"
17
17
  };
18
18
  var keyframes = exports.keyframes = {};
19
19
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard571625231\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard571625231__root\",\"headerLoading\":\"SkeletonCard571625231__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2603318609\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard2603318609__root\",\"headerLoading\":\"SkeletonCard2603318609__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "SlidingModal1418578916";
8
+ var _namespace_ = "SlidingModal2938545875";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "SlidingModal1418578916__root"
15
+ "root": "SlidingModal2938545875__root"
16
16
  };
17
17
  var keyframes = exports.keyframes = {};
18
18
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1418578916\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal1418578916__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uCAAuC,EAAC;AAAyC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2938545875\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal2938545875__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uCAAuC,EAAC;AAAyC,CAAC","ignoreList":[]}
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "AddFieldColumnHeader1179865257";
8
+ var _namespace_ = "AddFieldColumnHeader1907546462";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "AddFieldColumnHeader1179865257__root",
16
- "title": "AddFieldColumnHeader1179865257__title",
17
- "hoverBridge": "AddFieldColumnHeader1179865257__hoverBridge"
15
+ "root": "AddFieldColumnHeader1907546462__root",
16
+ "title": "AddFieldColumnHeader1907546462__title",
17
+ "hoverBridge": "AddFieldColumnHeader1907546462__hoverBridge"
18
18
  };
19
19
  var keyframes = exports.keyframes = {};
20
20
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1179865257\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AddFieldColumnHeader1179865257__root\",\"title\":\"AddFieldColumnHeader1179865257__title\",\"hoverBridge\":\"AddFieldColumnHeader1179865257__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1907546462\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AddFieldColumnHeader1907546462__root\",\"title\":\"AddFieldColumnHeader1907546462__title\",\"hoverBridge\":\"AddFieldColumnHeader1907546462__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -14,7 +14,6 @@ function _TabTitle({
14
14
  state,
15
15
  text,
16
16
  value,
17
- active,
18
17
  counterBadge
19
18
  }) {
20
19
  const badge = counterBadge == null ? void 0 : counterBadge(value);
@@ -29,37 +28,35 @@ function _TabTitle({
29
28
  };
30
29
  }, [badgeRef.current]);
31
30
  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
32
- className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root, {
33
- selected: !!active
34
- }),
31
+ className: _TabsFilterStCss.classes.root,
35
32
  dataHook: "tabs-filter-tab-title",
36
33
  verticalAlign: "middle",
37
34
  align: "center",
38
35
  __self: this,
39
36
  __source: {
40
37
  fileName: _jsxFileName,
41
- lineNumber: 40,
38
+ lineNumber: 38,
42
39
  columnNumber: 5
43
40
  }
44
41
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
42
+ className: _TabsFilterStCss.classes.titleBox,
45
43
  maxWidth: state.itemMaxWidth,
46
44
  flexShrink: 1,
47
45
  minWidth: 0,
48
46
  __self: this,
49
47
  __source: {
50
48
  fileName: _jsxFileName,
51
- lineNumber: 46,
49
+ lineNumber: 44,
52
50
  columnNumber: 7
53
51
  }
54
52
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
55
- className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.title),
56
53
  dataHook: "title-text",
57
54
  ellipsis: true,
58
55
  size: isBmHarmonyTheme ? 'small' : undefined,
59
56
  __self: this,
60
57
  __source: {
61
58
  fileName: _jsxFileName,
62
- lineNumber: 47,
59
+ lineNumber: 50,
63
60
  columnNumber: 9
64
61
  }
65
62
  }, text)), badge && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -68,7 +65,7 @@ function _TabTitle({
68
65
  __self: this,
69
66
  __source: {
70
67
  fileName: _jsxFileName,
71
- lineNumber: 57,
68
+ lineNumber: 59,
72
69
  columnNumber: 9
73
70
  }
74
71
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,7 +77,7 @@ function _TabTitle({
80
77
  __self: this,
81
78
  __source: {
82
79
  fileName: _jsxFileName,
83
- lineNumber: 58,
80
+ lineNumber: 60,
84
81
  columnNumber: 11
85
82
  }
86
83
  }, badge)));
@@ -1 +1 @@
1
- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBmHarmonyTheme","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","active","counterBadge","badge","badgeRef","useRef","isBmHarmonyTheme","useBmHarmonyTheme","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","selected","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","size","undefined","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n tabIndex: number;\n state: TabsResponsiveState;\n text?: string;\n value: V | null | undefined;\n active?: boolean;\n counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n tabIndex,\n state,\n text,\n value,\n active,\n counterBadge,\n}: TabTitleProps<V>) {\n const badge = counterBadge?.(value);\n const badgeRef = useRef<HTMLSpanElement>();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n useEffect(() => {\n if (badgeRef.current) {\n state.badges.set(tabIndex, badgeRef.current);\n }\n\n return () => {\n state.badges.delete(tabIndex);\n };\n }, [badgeRef.current]);\n\n return (\n <Box\n className={st(classes.root, { selected: !!active })}\n dataHook=\"tabs-filter-tab-title\"\n verticalAlign=\"middle\"\n align=\"center\"\n >\n <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n <Text\n className={st(classes.title)}\n dataHook=\"title-text\"\n ellipsis\n size={isBmHarmonyTheme ? 'small' : undefined}\n >\n {text}\n </Text>\n </Box>\n {badge && (\n <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n <div\n ref={(node) => {\n if (node) {\n badgeRef.current = node;\n }\n }}\n >\n {badge}\n </div>\n </Box>\n )}\n </Box>\n );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBmHarmonyTheme","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","counterBadge","badge","badgeRef","useRef","isBmHarmonyTheme","useBmHarmonyTheme","useEffect","current","badges","delete","createElement","Box","className","classes","root","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","titleBox","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","ellipsis","size","undefined","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n tabIndex: number;\n state: TabsResponsiveState;\n text?: string;\n value: V | null | undefined;\n counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n tabIndex,\n state,\n text,\n value,\n counterBadge,\n}: TabTitleProps<V>) {\n const badge = counterBadge?.(value);\n const badgeRef = useRef<HTMLSpanElement>();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n useEffect(() => {\n if (badgeRef.current) {\n state.badges.set(tabIndex, badgeRef.current);\n }\n\n return () => {\n state.badges.delete(tabIndex);\n };\n }, [badgeRef.current]);\n\n return (\n <Box\n className={classes.root}\n dataHook=\"tabs-filter-tab-title\"\n verticalAlign=\"middle\"\n align=\"center\"\n >\n <Box\n className={classes.titleBox}\n maxWidth={state.itemMaxWidth}\n flexShrink={1}\n minWidth={0}\n >\n <Text\n dataHook=\"title-text\"\n ellipsis\n size={isBmHarmonyTheme ? 'small' : undefined}\n >\n {text}\n </Text>\n </Box>\n {badge && (\n <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n <div\n ref={(node) => {\n if (node) {\n badgeRef.current = node;\n }\n }}\n >\n {badge}\n </div>\n </Box>\n )}\n </Box>\n );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}
@@ -85,7 +85,6 @@ function _TabsFilter(props) {
85
85
  state: responsive,
86
86
  text: itemName(value),
87
87
  value: value,
88
- active: selectedId === id,
89
88
  counterBadge: hideCounterBadge ? undefined : counterBadge,
90
89
  __self: this,
91
90
  __source: {
@@ -114,12 +113,11 @@ function _TabsFilter(props) {
114
113
  state: responsive,
115
114
  text: all,
116
115
  value: undefined,
117
- active: selectedId === _types.ALL_TAB_ITEM_ID,
118
116
  counterBadge: hideCounterBadge ? undefined : counterBadge,
119
117
  __self: this,
120
118
  __source: {
121
119
  fileName: _jsxFileName,
122
- lineNumber: 187,
120
+ lineNumber: 186,
123
121
  columnNumber: 9
124
122
  }
125
123
  })
@@ -129,7 +127,7 @@ function _TabsFilter(props) {
129
127
  minWidth: responsive.itemsMinWidths[index],
130
128
  index
131
129
  }));
132
- }, [dataProp, all, counterBadge, disabled, responsive.panelMinWidth, hideCounterBadge, selectedId]);
130
+ }, [dataProp, all, counterBadge, disabled, responsive.panelMinWidth, hideCounterBadge]);
133
131
  (0, _react.useEffect)(() => state.init({
134
132
  container: container.current,
135
133
  itemsCount: items.length
@@ -139,7 +137,7 @@ function _TabsFilter(props) {
139
137
  __self: this,
140
138
  __source: {
141
139
  fileName: _jsxFileName,
142
- lineNumber: 227,
140
+ lineNumber: 224,
143
141
  columnNumber: 5
144
142
  }
145
143
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -157,7 +155,7 @@ function _TabsFilter(props) {
157
155
  __self: this,
158
156
  __source: {
159
157
  fileName: _jsxFileName,
160
- lineNumber: 228,
158
+ lineNumber: 225,
161
159
  columnNumber: 7
162
160
  }
163
161
  }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -173,7 +171,7 @@ function _TabsFilter(props) {
173
171
  __self: this,
174
172
  __source: {
175
173
  fileName: _jsxFileName,
176
- lineNumber: 242,
174
+ lineNumber: 239,
177
175
  columnNumber: 11
178
176
  }
179
177
  }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -185,7 +183,7 @@ function _TabsFilter(props) {
185
183
  __self: this,
186
184
  __source: {
187
185
  fileName: _jsxFileName,
188
- lineNumber: 254,
186
+ lineNumber: 251,
189
187
  columnNumber: 11
190
188
  }
191
189
  })));