@wix/patterns 1.434.0 → 1.437.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 (513) 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/CustomFieldModal/CustomFieldForm.js +124 -424
  30. package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js.map +1 -1
  31. package/dist/cjs/components/CustomFieldModal/{CustomFieldFormV2Permissions.js → CustomFieldFormPermissions.js} +6 -6
  32. package/dist/cjs/components/CustomFieldModal/CustomFieldFormPermissions.js.map +1 -0
  33. package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js +72 -32
  34. package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.js.map +1 -1
  35. package/dist/cjs/components/CustomFieldModal/CustomFieldModal.js +13 -82
  36. package/dist/cjs/components/CustomFieldModal/CustomFieldModal.js.map +1 -1
  37. package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js +0 -9
  38. package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map +1 -1
  39. package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js +77 -19
  40. package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js.map +1 -1
  41. package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
  42. package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
  43. package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
  44. package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
  45. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  46. package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
  47. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  48. package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
  49. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
  50. package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
  51. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
  52. package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
  53. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
  54. package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
  55. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
  56. package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  57. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  58. package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  59. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
  60. package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
  61. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  62. package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
  63. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
  64. package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
  65. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
  66. package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
  67. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
  68. package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
  69. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  70. package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  71. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
  72. package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
  73. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
  74. package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  75. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
  76. package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
  77. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  78. package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  79. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
  80. package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
  81. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
  82. package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  83. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  84. package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  85. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
  86. package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
  87. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
  88. package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
  89. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
  90. package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  91. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  92. package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
  93. package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
  94. package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
  95. package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
  96. package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
  97. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
  98. package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
  99. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
  100. package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  101. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
  102. package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  103. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  104. package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  105. package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
  106. package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
  107. package/dist/cjs/components/MoreActions/MoreActionsText.js +1 -2
  108. package/dist/cjs/components/MoreActions/MoreActionsText.js.map +1 -1
  109. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
  110. package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
  111. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  112. package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
  113. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
  114. package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
  115. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  116. package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
  117. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  118. package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
  119. package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
  120. package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
  121. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
  122. package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  123. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  124. package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
  125. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  126. package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  127. package/dist/cjs/components/SetupWidget/AllCompleteState.js +1 -1
  128. package/dist/cjs/components/SetupWidget/AllCompleteState.js.map +1 -1
  129. package/dist/cjs/components/SetupWidget/SetupStepCard.js +0 -1
  130. package/dist/cjs/components/SetupWidget/SetupStepCard.js.map +1 -1
  131. package/dist/cjs/components/SetupWidget/SetupStepGroup.js +73 -55
  132. package/dist/cjs/components/SetupWidget/SetupStepGroup.js.map +1 -1
  133. package/dist/cjs/components/SetupWidget/SetupStepIcon.js +11 -34
  134. package/dist/cjs/components/SetupWidget/SetupStepIcon.js.map +1 -1
  135. package/dist/cjs/components/SetupWidget/SetupStepRow.js +84 -52
  136. package/dist/cjs/components/SetupWidget/SetupStepRow.js.map +1 -1
  137. package/dist/cjs/components/SetupWidget/SetupWidget.js +19 -14
  138. package/dist/cjs/components/SetupWidget/SetupWidget.js.map +1 -1
  139. package/dist/cjs/components/SetupWidget/SetupWidget.st.css +21 -30
  140. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js +14 -16
  141. package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  142. package/dist/cjs/components/SetupWidget/SetupWidget.uni.driver.js +6 -1
  143. package/dist/cjs/components/SetupWidget/SetupWidget.uni.driver.js.map +1 -1
  144. package/dist/cjs/components/SetupWidget/SetupWidgetSkeleton.js +1 -1
  145. package/dist/cjs/components/SetupWidget/SetupWidgetSkeleton.js.map +1 -1
  146. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
  147. package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
  148. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
  149. package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
  150. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +4 -4
  151. package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
  152. package/dist/cjs/components/TabsFilter/TabTitle.js +8 -5
  153. package/dist/cjs/components/TabsFilter/TabTitle.js.map +1 -1
  154. package/dist/cjs/components/TabsFilter/TabsFilter.st.css +0 -6
  155. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +4 -8
  156. package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  157. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  158. package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
  159. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  160. package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  161. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  162. package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
  163. package/dist/cjs/components/common.st.css.js +4 -4
  164. package/dist/cjs/components/common.st.css.js.map +1 -1
  165. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  166. package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  167. package/dist/cjs/state/EditableTable/CellInteractionState.js +2 -0
  168. package/dist/cjs/state/EditableTable/CellInteractionState.js.map +1 -1
  169. package/dist/cjs/state/EditableTable/CellValueState.js +67 -13
  170. package/dist/cjs/state/EditableTable/CellValueState.js.map +1 -1
  171. package/dist/cjs/state/EditableTable/EditableTableState.js +5 -1
  172. package/dist/cjs/state/EditableTable/EditableTableState.js.map +1 -1
  173. package/dist/cjs/state/EditableTable/utils.js +2 -0
  174. package/dist/cjs/state/EditableTable/utils.js.map +1 -1
  175. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
  176. package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
  177. package/dist/cjs/state/buildEditableFieldColumns.js +8 -1
  178. package/dist/cjs/state/buildEditableFieldColumns.js.map +1 -1
  179. package/dist/cjs/styles.global.css +2 -2
  180. package/dist/cjs/version.js +1 -1
  181. package/dist/cjs/version.js.map +1 -1
  182. package/dist/docs/CollectionEmptyState.md +1 -1
  183. package/dist/docs/CollectionPremiumEmptyState.md +1 -1
  184. package/dist/docs/index.json +34 -34
  185. package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
  186. package/dist/esm/components/CardContainer/CardContainer.st.css.js.map +1 -1
  187. package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
  188. package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
  189. package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
  190. package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js +2 -2
  191. package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js.map +1 -1
  192. package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
  193. package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
  194. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
  195. package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
  196. package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
  197. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
  198. package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
  199. package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
  200. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
  201. package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
  202. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
  203. package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
  204. package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
  205. package/dist/esm/components/CustomFieldModal/CustomFieldForm.js +43 -72
  206. package/dist/esm/components/CustomFieldModal/CustomFieldForm.js.map +1 -1
  207. package/dist/esm/components/CustomFieldModal/{CustomFieldFormV2Permissions.js → CustomFieldFormPermissions.js} +3 -3
  208. package/dist/esm/components/CustomFieldModal/CustomFieldFormPermissions.js.map +1 -0
  209. package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFields.js +22 -14
  210. package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFields.js.map +1 -1
  211. package/dist/esm/components/CustomFieldModal/CustomFieldModal.js +4 -19
  212. package/dist/esm/components/CustomFieldModal/CustomFieldModal.js.map +1 -1
  213. package/dist/esm/components/CustomFieldModal/CustomFieldModal.uni.driver.js +1 -10
  214. package/dist/esm/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map +1 -1
  215. package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js +64 -15
  216. package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js.map +1 -1
  217. package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
  218. package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
  219. package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
  220. package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
  221. package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
  222. package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
  223. package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
  224. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
  225. package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
  226. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
  227. package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
  228. package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
  229. package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
  230. package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
  231. package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
  232. package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
  233. package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
  234. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
  235. package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
  236. package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
  237. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
  238. package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
  239. package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
  240. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
  241. package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
  242. package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
  243. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
  244. package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
  245. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
  246. package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
  247. package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js +2 -2
  248. package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
  249. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
  250. package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
  251. package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
  252. package/dist/esm/components/Fade/Fade.st.css.js +2 -2
  253. package/dist/esm/components/Heading/Heading.st.css.js +2 -2
  254. package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
  255. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
  256. package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
  257. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
  258. package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
  259. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
  260. package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
  261. package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
  262. package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
  263. package/dist/esm/components/MoreActions/MoreActionsText.js +1 -1
  264. package/dist/esm/components/MoreActions/MoreActionsText.js.map +1 -1
  265. package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
  266. package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
  267. package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
  268. package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
  269. package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
  270. package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
  271. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
  272. package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
  273. package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
  274. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
  275. package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
  276. package/dist/esm/components/SetupWidget/AllCompleteState.js +1 -1
  277. package/dist/esm/components/SetupWidget/AllCompleteState.js.map +1 -1
  278. package/dist/esm/components/SetupWidget/SetupStepCard.js +1 -1
  279. package/dist/esm/components/SetupWidget/SetupStepCard.js.map +1 -1
  280. package/dist/esm/components/SetupWidget/SetupStepGroup.js +17 -16
  281. package/dist/esm/components/SetupWidget/SetupStepGroup.js.map +1 -1
  282. package/dist/esm/components/SetupWidget/SetupStepIcon.js +7 -14
  283. package/dist/esm/components/SetupWidget/SetupStepIcon.js.map +1 -1
  284. package/dist/esm/components/SetupWidget/SetupStepRow.js +40 -44
  285. package/dist/esm/components/SetupWidget/SetupStepRow.js.map +1 -1
  286. package/dist/esm/components/SetupWidget/SetupWidget.js +6 -2
  287. package/dist/esm/components/SetupWidget/SetupWidget.js.map +1 -1
  288. package/dist/esm/components/SetupWidget/SetupWidget.st.css +21 -30
  289. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +3 -3
  290. package/dist/esm/components/SetupWidget/SetupWidget.st.css.js.map +1 -1
  291. package/dist/esm/components/SetupWidget/SetupWidget.uni.driver.js +9 -2
  292. package/dist/esm/components/SetupWidget/SetupWidget.uni.driver.js.map +1 -1
  293. package/dist/esm/components/SetupWidget/SetupWidgetSkeleton.js +1 -1
  294. package/dist/esm/components/SetupWidget/SetupWidgetSkeleton.js.map +1 -1
  295. package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
  296. package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
  297. package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +2 -2
  298. package/dist/esm/components/TabsFilter/TabTitle.js +3 -1
  299. package/dist/esm/components/TabsFilter/TabTitle.js.map +1 -1
  300. package/dist/esm/components/TabsFilter/TabsFilter.st.css +0 -6
  301. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +3 -3
  302. package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
  303. package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
  304. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
  305. package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
  306. package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
  307. package/dist/esm/components/common.st.css.js +2 -2
  308. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
  309. package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
  310. package/dist/esm/state/EditableTable/CellInteractionState.js +2 -0
  311. package/dist/esm/state/EditableTable/CellInteractionState.js.map +1 -1
  312. package/dist/esm/state/EditableTable/CellValueState.js +67 -12
  313. package/dist/esm/state/EditableTable/CellValueState.js.map +1 -1
  314. package/dist/esm/state/EditableTable/EditableTableState.js +5 -1
  315. package/dist/esm/state/EditableTable/EditableTableState.js.map +1 -1
  316. package/dist/esm/state/EditableTable/utils.js +5 -0
  317. package/dist/esm/state/EditableTable/utils.js.map +1 -1
  318. package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
  319. package/dist/esm/state/buildEditableFieldColumns.js +7 -0
  320. package/dist/esm/state/buildEditableFieldColumns.js.map +1 -1
  321. package/dist/esm/styles.global.css +2 -2
  322. package/dist/esm/version.js +1 -1
  323. package/dist/types/components/CardContainer/CardContainer.st.css.d.ts.map +1 -1
  324. package/dist/types/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.d.ts.map +1 -1
  325. package/dist/types/components/CollectionSectionHeader/CollectionSectionHeader.st.css.d.ts.map +1 -1
  326. package/dist/types/components/CollectionTable/CollectionTableWSRTable.st.css.d.ts.map +1 -1
  327. package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
  328. package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
  329. package/dist/types/components/CustomFieldModal/CustomFieldForm.d.ts.map +1 -1
  330. package/dist/types/components/CustomFieldModal/CustomFieldFormPermissions.d.ts +10 -0
  331. package/dist/types/components/CustomFieldModal/CustomFieldFormPermissions.d.ts.map +1 -0
  332. package/dist/types/components/CustomFieldModal/CustomFieldFormPiiFields.d.ts +4 -1
  333. package/dist/types/components/CustomFieldModal/CustomFieldFormPiiFields.d.ts.map +1 -1
  334. package/dist/types/components/CustomFieldModal/CustomFieldModal.d.ts.map +1 -1
  335. package/dist/types/components/CustomFieldModal/CustomFieldModal.uni.driver.d.ts +0 -45
  336. package/dist/types/components/CustomFieldModal/CustomFieldModal.uni.driver.d.ts.map +1 -1
  337. package/dist/types/components/CustomFieldModal/CustomFieldTypeDropdown.d.ts.map +1 -1
  338. package/dist/types/components/CustomFieldsWidget/CustomFieldsWidget.uni.driver.d.ts +1 -46
  339. package/dist/types/components/CustomFieldsWidget/CustomFieldsWidget.uni.driver.d.ts.map +1 -1
  340. package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts +0 -45
  341. package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts.map +1 -1
  342. package/dist/types/components/EditableTable/cellTypes/boolean/View.st.css.d.ts.map +1 -1
  343. package/dist/types/components/EditableTable/cellTypes/color/Edit.st.css.d.ts.map +1 -1
  344. package/dist/types/components/EditableTable/cellTypes/datetime/View.st.css.d.ts.map +1 -1
  345. package/dist/types/components/EditableTable/cellTypes/email/View.st.css.d.ts.map +1 -1
  346. package/dist/types/components/EditableTable/cellTypes/number/View.st.css.d.ts.map +1 -1
  347. package/dist/types/components/EditableTable/cellTypes/object/View.st.css.d.ts.map +1 -1
  348. package/dist/types/components/EditableTable/cellTypes/text/Edit.st.css.d.ts.map +1 -1
  349. package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
  350. package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
  351. package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
  352. package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
  353. package/dist/types/components/MaxHeightText/MaxHeightText.st.css.d.ts.map +1 -1
  354. package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
  355. package/dist/types/components/MoreActions/MoreActionsText.d.ts.map +1 -1
  356. package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts +0 -45
  357. package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts.map +1 -1
  358. package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
  359. package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
  360. package/dist/types/components/SetupWidget/SetupStepGroup.d.ts.map +1 -1
  361. package/dist/types/components/SetupWidget/SetupStepIcon.d.ts +1 -2
  362. package/dist/types/components/SetupWidget/SetupStepIcon.d.ts.map +1 -1
  363. package/dist/types/components/SetupWidget/SetupStepRow.d.ts +5 -3
  364. package/dist/types/components/SetupWidget/SetupStepRow.d.ts.map +1 -1
  365. package/dist/types/components/SetupWidget/SetupWidget.d.ts.map +1 -1
  366. package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts +4 -6
  367. package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
  368. package/dist/types/components/SetupWidget/SetupWidget.uni.driver.d.ts +5 -1
  369. package/dist/types/components/SetupWidget/SetupWidget.uni.driver.d.ts.map +1 -1
  370. package/dist/types/components/Table/Table.uni.driver.d.ts +0 -45
  371. package/dist/types/components/Table/Table.uni.driver.d.ts.map +1 -1
  372. package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts +0 -45
  373. package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts.map +1 -1
  374. package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts +0 -45
  375. package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts.map +1 -1
  376. package/dist/types/components/TabsFilter/TabTitle.d.ts.map +1 -1
  377. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts +0 -4
  378. package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
  379. package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
  380. package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
  381. package/dist/types/state/EditableTable/CellInteractionState.d.ts.map +1 -1
  382. package/dist/types/state/EditableTable/CellValueState.d.ts +12 -0
  383. package/dist/types/state/EditableTable/CellValueState.d.ts.map +1 -1
  384. package/dist/types/state/EditableTable/EditableTableState.d.ts.map +1 -1
  385. package/dist/types/state/EditableTable/utils.d.ts.map +1 -1
  386. package/dist/types/state/buildEditableFieldColumns.d.ts.map +1 -1
  387. package/dist/types/testkit/enzyme.d.ts +0 -225
  388. package/dist/types/testkit/enzyme.d.ts.map +1 -1
  389. package/dist/types/testkit/jsdom.d.ts +2 -315
  390. package/dist/types/testkit/jsdom.d.ts.map +1 -1
  391. package/dist/types/testkit/playwright.d.ts +0 -270
  392. package/dist/types/testkit/playwright.d.ts.map +1 -1
  393. package/dist/types/testkit/puppeteer.d.ts +0 -270
  394. package/dist/types/testkit/puppeteer.d.ts.map +1 -1
  395. package/dist/types/version.d.ts +1 -1
  396. package/package.json +6 -6
  397. package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
  398. package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
  399. package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
  400. package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts +2 -2
  401. package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts +2 -2
  402. package/src/components/Collapse/Collapse.st.css.ts +2 -2
  403. package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
  404. package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
  405. package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
  406. package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
  407. package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
  408. package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
  409. package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
  410. package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
  411. package/src/components/CustomFieldModal/CustomFieldForm.tsx +98 -244
  412. package/src/components/CustomFieldModal/{CustomFieldFormV2Permissions.tsx → CustomFieldFormPermissions.tsx} +4 -6
  413. package/src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx +75 -39
  414. package/src/components/CustomFieldModal/CustomFieldModal.tsx +5 -69
  415. package/src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts +0 -19
  416. package/src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx +94 -25
  417. package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
  418. package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
  419. package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
  420. package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
  421. package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
  422. package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
  423. package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
  424. package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
  425. package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
  426. package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
  427. package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
  428. package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
  429. package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
  430. package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
  431. package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
  432. package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
  433. package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
  434. package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
  435. package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
  436. package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
  437. package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
  438. package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
  439. package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
  440. package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
  441. package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
  442. package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
  443. package/src/components/Fade/Fade.st.css.ts +2 -2
  444. package/src/components/Heading/Heading.st.css.ts +2 -2
  445. package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
  446. package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
  447. package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
  448. package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
  449. package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
  450. package/src/components/MoreActions/MoreActionsText.tsx +0 -1
  451. package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
  452. package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
  453. package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
  454. package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
  455. package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
  456. package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
  457. package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
  458. package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
  459. package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
  460. package/src/components/SetupWidget/AllCompleteState.tsx +1 -1
  461. package/src/components/SetupWidget/SetupStepCard.tsx +1 -1
  462. package/src/components/SetupWidget/SetupStepGroup.tsx +78 -69
  463. package/src/components/SetupWidget/SetupStepIcon.tsx +10 -21
  464. package/src/components/SetupWidget/SetupStepRow.tsx +129 -122
  465. package/src/components/SetupWidget/SetupWidget.st.css +21 -30
  466. package/src/components/SetupWidget/SetupWidget.st.css.ts +3 -3
  467. package/src/components/SetupWidget/SetupWidget.tsx +6 -1
  468. package/src/components/SetupWidget/SetupWidget.uni.driver.ts +12 -1
  469. package/src/components/SetupWidget/SetupWidgetSkeleton.tsx +1 -1
  470. package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
  471. package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
  472. package/src/components/Table/AddFieldColumnHeader.st.css.ts +2 -2
  473. package/src/components/TabsFilter/TabTitle.tsx +8 -1
  474. package/src/components/TabsFilter/TabsFilter.st.css +0 -6
  475. package/src/components/TabsFilter/TabsFilter.st.css.ts +3 -3
  476. package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
  477. package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
  478. package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
  479. package/src/components/common.st.css.ts +2 -2
  480. package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
  481. package/src/state/EditableTable/CellInteractionState.ts +2 -0
  482. package/src/state/EditableTable/CellValueState.ts +79 -12
  483. package/src/state/EditableTable/EditableTableState.ts +5 -1
  484. package/src/state/EditableTable/utils.ts +7 -0
  485. package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
  486. package/src/state/buildEditableFieldColumns.ts +7 -0
  487. package/src/styles.global.css +2 -2
  488. package/src/version.ts +1 -1
  489. package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js +0 -172
  490. package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js.map +0 -1
  491. package/dist/cjs/components/CustomFieldModal/CustomFieldFormV2.js +0 -341
  492. package/dist/cjs/components/CustomFieldModal/CustomFieldFormV2.js.map +0 -1
  493. package/dist/cjs/components/CustomFieldModal/CustomFieldFormV2Permissions.js.map +0 -1
  494. package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js +0 -135
  495. package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.js.map +0 -1
  496. package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js +0 -32
  497. package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js.map +0 -1
  498. package/dist/esm/components/CustomFieldModal/CustomFieldFormV2.js +0 -78
  499. package/dist/esm/components/CustomFieldModal/CustomFieldFormV2.js.map +0 -1
  500. package/dist/esm/components/CustomFieldModal/CustomFieldFormV2Permissions.js.map +0 -1
  501. package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdownV2.js +0 -74
  502. package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdownV2.js.map +0 -1
  503. package/dist/types/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.d.ts +0 -15
  504. package/dist/types/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.d.ts.map +0 -1
  505. package/dist/types/components/CustomFieldModal/CustomFieldFormV2.d.ts +0 -10
  506. package/dist/types/components/CustomFieldModal/CustomFieldFormV2.d.ts.map +0 -1
  507. package/dist/types/components/CustomFieldModal/CustomFieldFormV2Permissions.d.ts +0 -10
  508. package/dist/types/components/CustomFieldModal/CustomFieldFormV2Permissions.d.ts.map +0 -1
  509. package/dist/types/components/CustomFieldModal/CustomFieldTypeDropdownV2.d.ts +0 -10
  510. package/dist/types/components/CustomFieldModal/CustomFieldTypeDropdownV2.d.ts.map +0 -1
  511. package/src/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.tsx +0 -115
  512. package/src/components/CustomFieldModal/CustomFieldFormV2.tsx +0 -225
  513. package/src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx +0 -139
@@ -1,135 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- exports.__esModule = true;
5
- exports._CustomFieldTypeDropdownV2 = exports.CustomFieldTypeDropdownV2 = void 0;
6
- var _react = _interopRequireDefault(require("react"));
7
- var _mobxReactLite = require("mobx-react-lite");
8
- var _designSystem = require("@wix/design-system");
9
- var _react2 = require("@wix/bex-core/react");
10
- var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
11
- var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx";
12
- const _CustomFieldTypeDropdownV2 = props => {
13
- const {
14
- state: {
15
- form: {
16
- $: {
17
- type,
18
- name,
19
- containsPii
20
- }
21
- },
22
- mode,
23
- fieldManagement: {
24
- fieldModal
25
- },
26
- generateUniqueKey,
27
- setKeyFieldIfNotDirty
28
- }
29
- } = props;
30
- const {
31
- translate: t
32
- } = (0, _react2.useWixPatternsContainer)();
33
- const [search, setSearch] = _react.default.useState(null);
34
- const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
35
- const selectedType = fieldModal.types.find(option => option.id === type.value);
36
- const fieldTypeOptions = _react.default.useMemo(() => {
37
- const toOption = option => (0, _designSystem.listItemSelectBuilder)({
38
- dataHook: `custom-field-modal-type-${option.id}`,
39
- id: option.id,
40
- prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
41
- __self: void 0,
42
- __source: {
43
- fileName: _jsxFileName,
44
- lineNumber: 48,
45
- columnNumber: 11
46
- }
47
- }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
48
- fieldType: option.patternsType,
49
- size: 'medium'
50
- })),
51
- title: option.label,
52
- subtitle: option.subtitle,
53
- label: option.label
54
- });
55
- if (query) {
56
- return fieldModal.types.filter(option => option.label.toLowerCase().includes(query)).map(toOption);
57
- }
58
- const groups = fieldModal.types.reduce((labels, option) => {
59
- const label = option.group;
60
- if (label && !labels.includes(label)) {
61
- labels.push(label);
62
- }
63
- return labels;
64
- }, []);
65
- if (groups.length === 0) {
66
- return fieldModal.types.map(toOption);
67
- }
68
- const grouped = groups.flatMap(label => [(0, _designSystem.listItemSectionBuilder)({
69
- id: `custom-field-modal-type-group-${label}`,
70
- type: 'subheader',
71
- title: label
72
- }), ...fieldModal.types.filter(option => option.group === label).map(toOption)]);
73
- const ungrouped = fieldModal.types.filter(option => !option.group).map(toOption);
74
- return [...grouped, ...ungrouped];
75
- }, [fieldModal.types, query]);
76
- return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
77
- dataHook: "custom-field-modal-type",
78
- disabled: mode === 'edit',
79
- value: search ?? (selectedType == null ? void 0 : selectedType.label) ?? '',
80
- selectedId: type.value,
81
- prefix: search === null && selectedType ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
82
- __self: void 0,
83
- __source: {
84
- fileName: _jsxFileName,
85
- lineNumber: 102,
86
- columnNumber: 11
87
- }
88
- }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
89
- color: "D10",
90
- __self: void 0,
91
- __source: {
92
- fileName: _jsxFileName,
93
- lineNumber: 104,
94
- columnNumber: 13
95
- }
96
- }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
97
- fieldType: selectedType.patternsType,
98
- size: 'medium'
99
- }))) : undefined,
100
- onChange: e => setSearch(e.target.value),
101
- onSelect: ({
102
- id
103
- }) => {
104
- const nextType = String(id);
105
- setSearch(null);
106
- if (nextType !== type.value) {
107
- // The settings were filled in for the old type; the new one starts fresh.
108
- props.state.resetSettingsValues();
109
- }
110
- type.onChange(nextType);
111
- // Read off `props.state` — a destructured computed holds the pre-change value.
112
- if (!props.state.typeSupportsPii) {
113
- containsPii.onChange(false);
114
- }
115
- setKeyFieldIfNotDirty(generateUniqueKey(name.value));
116
- },
117
- onClose: () => setSearch(null),
118
- popoverProps: {
119
- appendTo: 'window',
120
- zIndex: 5001
121
- },
122
- placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'),
123
- emptyStateMessage: t('cairo.emptyState.subtitle.nothingMatchesCriteria'),
124
- options: fieldTypeOptions,
125
- __self: void 0,
126
- __source: {
127
- fileName: _jsxFileName,
128
- lineNumber: 95,
129
- columnNumber: 5
130
- }
131
- });
132
- };
133
- exports._CustomFieldTypeDropdownV2 = _CustomFieldTypeDropdownV2;
134
- const CustomFieldTypeDropdownV2 = exports.CustomFieldTypeDropdownV2 = (0, _mobxReactLite.observer)(_CustomFieldTypeDropdownV2);
135
- //# sourceMappingURL=CustomFieldTypeDropdownV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_jsxFileName","_CustomFieldTypeDropdownV2","props","state","form","$","type","name","containsPii","mode","fieldManagement","fieldModal","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","types","find","option","id","value","fieldTypeOptions","useMemo","toOption","listItemSelectBuilder","dataHook","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","title","label","subtitle","filter","includes","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","selectedId","Input","IconAffix","color","undefined","onChange","e","target","onSelect","nextType","String","resetSettingsValues","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdownV2","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n AutoComplete,\n Box,\n Input,\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface CustomFieldTypeDropdownV2Props {\n state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdownV2 = (\n props: CustomFieldTypeDropdownV2Props,\n) => {\n const {\n state: {\n form: {\n $: { type, name, containsPii },\n },\n mode,\n fieldManagement: { fieldModal },\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n },\n } = props;\n\n const { translate: t } = useWixPatternsContainer();\n\n const [search, setSearch] = React.useState<string | null>(null);\n const query = search?.trim().toLowerCase() ?? '';\n\n const selectedType = fieldModal.types.find(\n (option) => option.id === type.value,\n );\n\n const fieldTypeOptions = React.useMemo(() => {\n const toOption = (option: (typeof fieldModal.types)[number]) =>\n listItemSelectBuilder({\n dataHook: `custom-field-modal-type-${option.id}`,\n id: option.id,\n prefix: (\n <Box>\n {getFieldTypeIcon({\n fieldType: option.patternsType,\n size: 'medium',\n })}\n </Box>\n ),\n title: option.label,\n subtitle: option.subtitle,\n label: option.label,\n });\n\n if (query) {\n return fieldModal.types\n .filter((option) => option.label.toLowerCase().includes(query))\n .map(toOption);\n }\n\n const groups = fieldModal.types.reduce<string[]>((labels, option) => {\n const label = option.group;\n if (label && !labels.includes(label)) {\n labels.push(label);\n }\n return labels;\n }, []);\n\n if (groups.length === 0) {\n return fieldModal.types.map(toOption);\n }\n\n const grouped = groups.flatMap((label) => [\n listItemSectionBuilder({\n id: `custom-field-modal-type-group-${label}`,\n type: 'subheader',\n title: label,\n }),\n ...fieldModal.types\n .filter((option) => option.group === label)\n .map(toOption),\n ]);\n const ungrouped = fieldModal.types\n .filter((option) => !option.group)\n .map(toOption);\n return [...grouped, ...ungrouped];\n }, [fieldModal.types, query]);\n\n return (\n <AutoComplete\n dataHook=\"custom-field-modal-type\"\n disabled={mode === 'edit'}\n value={search ?? selectedType?.label ?? ''}\n selectedId={type.value}\n prefix={\n search === null && selectedType ? (\n <Input.IconAffix>\n {/* WDS paints input affix icons blue; the type icons stay dark. */}\n <Box color=\"D10\">\n {getFieldTypeIcon({\n fieldType: selectedType.patternsType,\n size: 'medium',\n })}\n </Box>\n </Input.IconAffix>\n ) : undefined\n }\n onChange={(e) => setSearch(e.target.value)}\n onSelect={({ id }) => {\n const nextType = String(id);\n setSearch(null);\n if (nextType !== type.value) {\n // The settings were filled in for the old type; the new one starts fresh.\n props.state.resetSettingsValues();\n }\n type.onChange(nextType);\n // Read off `props.state` — a destructured computed holds the pre-change value.\n if (!props.state.typeSupportsPii) {\n containsPii.onChange(false);\n }\n setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n }}\n onClose={() => setSearch(null)}\n popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n )}\n emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n options={fieldTypeOptions}\n />\n );\n};\n\nexport const CustomFieldTypeDropdownV2 = observer(_CustomFieldTypeDropdownV2);\n"],"mappings":"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","ignoreList":[]}
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { Box, Cell, FormField, InfoIcon, SectionHelper, Text, TextButton, ToggleSwitch, } from '@wix/design-system';
3
- import { Trans } from '../Trans';
4
- export function PiiFormFieldsV2({ containsPii, mode, language, piiWarning, }) {
5
- const translateKeys = {
6
- toggleName: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',
7
- toggleInfo: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',
8
- toggleEditNote: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',
9
- };
10
- const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
11
- const isEdit = mode === 'edit';
12
- return (React.createElement(React.Fragment, null,
13
- React.createElement(Cell, { span: 12 },
14
- React.createElement(FormField, null,
15
- React.createElement(Box, { gap: "9px", marginBlockEnd: isEdit ? '6px' : undefined },
16
- React.createElement(ToggleSwitch, { dataHook: "pii-toggle-switch", size: "medium", disabled: isEdit, checked: containsPii.value, onChange: (e) => containsPii.onChange(e.target.checked) }),
17
- React.createElement(Box, { gap: "3px" },
18
- React.createElement(Text, { size: "small", dataHook: "pii-toggle-name" },
19
- React.createElement(Trans, { i18nKey: translateKeys.toggleName })),
20
- React.createElement(InfoIcon, { size: "small", content: React.createElement(Trans, { i18nKey: translateKeys.toggleInfo, components: {
21
- linkVal: (React.createElement(TextButton, { as: "a", href: whyIsItImportantLink, underline: "always", size: "small", target: "_blank" })),
22
- } }) })))),
23
- isEdit && (React.createElement(Box, null,
24
- React.createElement(Text, { size: "small", dataHook: "pii-toggle-edit-note" },
25
- React.createElement(Trans, { i18nKey: translateKeys.toggleEditNote }))))),
26
- containsPii.value && piiWarning && (React.createElement(Cell, { span: 12 },
27
- React.createElement(SectionHelper, { dataHook: "custom-field-modal-pii-warning", skin: "warning", showPrefixIcon: true },
28
- piiWarning.text,
29
- ' ',
30
- piiWarning.action && (React.createElement(TextButton, { dataHook: "custom-field-modal-pii-warning-action", size: "small", skin: "dark", underline: "always", onClick: piiWarning.action.onClick }, piiWarning.action.label)))))));
31
- }
32
- //# sourceMappingURL=CustomFieldFormPiiFieldsV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormPiiFieldsV2.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,GAAG,EACH,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,UAAU,EACV,YAAY,GACb,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAajC,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,UAAU,GACW;IACrB,MAAM,aAAa,GAAG;QACpB,UAAU,EACR,iEAAiE;QACnE,UAAU,EACR,iEAAiE;QACnE,cAAc,EACZ,qEAAqE;KAC/D,CAAC;IACX,MAAM,oBAAoB,GAAG,2BAA2B,QAAQ,wDAAwD,CAAC;IACzH,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAE/B,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE;YACZ,oBAAC,SAAS;gBACR,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;oBACvD,oBAAC,YAAY,IACX,QAAQ,EAAC,mBAAmB,EAC5B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,WAAW,CAAC,KAAK,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACvD;oBACF,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;wBACZ,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,iBAAiB;4BAC3C,oBAAC,KAAK,IAAC,OAAO,EAAE,aAAa,CAAC,UAAU,GAAI,CACvC;wBACP,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,OAAO,EACL,oBAAC,KAAK,IACJ,OAAO,EAAE,aAAa,CAAC,UAAU,EACjC,UAAU,EAAE;oCACV,OAAO,EAAE,CACP,oBAAC,UAAU,IACT,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,oBAAoB,EAC1B,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,GACf,CACH;iCACF,GACD,GAEJ,CACE,CACF,CACI;YACX,MAAM,IAAI,CACT,oBAAC,GAAG;gBACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,sBAAsB;oBAChD,oBAAC,KAAK,IAAC,OAAO,EAAE,aAAa,CAAC,cAAc,GAAI,CAC3C,CACH,CACP,CACI;QACN,WAAW,CAAC,KAAK,IAAI,UAAU,IAAI,CAClC,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE;YACZ,oBAAC,aAAa,IACZ,QAAQ,EAAC,gCAAgC,EACzC,IAAI,EAAC,SAAS,EACd,cAAc;gBAIb,UAAU,CAAC,IAAI;gBAAE,GAAG;gBACpB,UAAU,CAAC,MAAM,IAAI,CACpB,oBAAC,UAAU,IACT,QAAQ,EAAC,uCAAuC,EAChD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,IAEjC,UAAU,CAAC,MAAM,CAAC,KAAK,CACb,CACd,CACa,CACX,CACR,CACA,CACJ,CAAC;AACJ,CAAC"}
@@ -1,78 +0,0 @@
1
- import React, { useEffect } from 'react';
2
- import { observer } from 'mobx-react-lite';
3
- import { Accordion, Box, Cell, Divider, FloatingNotification, FormField, Input, Layout, Text, } from '@wix/design-system';
4
- import { useWixPatternsContainer } from '@wix/bex-core/react';
5
- import { InfoCircle } from '@wix/wix-ui-icons-common';
6
- import { StatusAlertFilledSmall } from '@wix/wix-ui-icons-common/lazy';
7
- import { runInAction } from 'mobx';
8
- import { CustomFieldTypeDropdownV2 } from './CustomFieldTypeDropdownV2';
9
- import { PiiFormFieldsV2 } from './CustomFieldFormPiiFieldsV2';
10
- import { CustomFieldFormV2Permissions } from './CustomFieldFormV2Permissions';
11
- /** Cancels the modal's content padding so the section below spans the full width. */
12
- const fullBleed = 'calc(-1 * var(--wds-custom-modal-content-padding-horizontal, 24px))';
13
- export const _CustomFieldFormV2 = (props) => {
14
- const { state } = props;
15
- const { form: { $: { key, type, name, containsPii }, }, errorToastConfig, mode, settings, customFieldModalBiReporter, generateUniqueKey, setKeyFieldIfNotDirty, } = state;
16
- const { fieldModal } = state.fieldManagement;
17
- const SettingsSection = state.settingsSection?.Component;
18
- const { translate: t, environment: { language }, } = useWixPatternsContainer();
19
- useEffect(() => customFieldModalBiReporter.init(), []);
20
- return (React.createElement(Box, { width: 552, direction: "vertical" },
21
- errorToastConfig && (React.createElement(Box, { position: "absolute", top: "24px", left: "49%", transform: "translateX(-50%)" },
22
- React.createElement(FloatingNotification, { dataHook: "custom-field-modal-error-state", type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: errorToastConfig.message, textButtonProps: errorToastConfig?.action && {
23
- label: errorToastConfig.action.text,
24
- onClick: () => errorToastConfig?.action?.onClick?.(),
25
- }, onClose: () => {
26
- runInAction(() => {
27
- state.errorToastConfig = undefined;
28
- });
29
- } }))),
30
- React.createElement(Box, { direction: "vertical" },
31
- React.createElement(Layout, null,
32
- React.createElement(Cell, { span: 12 },
33
- React.createElement(FormField, { dataHook: "custom-field-modal-field-type", required: true, label: t('cairo.customFields.addCustomField.modal.fieldType'), status: type.hasError ? 'error' : undefined, statusMessage: type.error },
34
- React.createElement(CustomFieldTypeDropdownV2, { state: state }),
35
- mode === 'edit' && (React.createElement(Box, { marginTop: "SP1" },
36
- React.createElement(Text, { size: "tiny", secondary: true }, t('cairo.customFields.editCustomField.fieldType.tooltip')))))),
37
- React.createElement(Cell, { span: 6 },
38
- React.createElement(FormField, { dataHook: "custom-field-modal-field-name", required: true, label: t('cairo.customFields.addCustomField.modal.fieldName'), status: name.hasError ? 'error' : undefined, statusMessage: name.error },
39
- React.createElement(Input, { dataHook: "custom-field-modal-name", onChange: (e) => {
40
- name.onChange(e.target.value);
41
- setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));
42
- }, value: name.value, maxLength: 64, placeholder: state.namePlaceholder }))),
43
- React.createElement(Cell, { span: 6 },
44
- React.createElement(FormField, { dataHook: "custom-field-modal-field-key", required: true, label: t('cairo.customFields.addCustomField.modal.advancedSettings.key.title'), infoContent: mode === 'new'
45
- ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip')
46
- : t('cairo.customFields.editCustomField.fieldKey.tooltip'), status: key.hasError ? 'error' : undefined, statusMessage: key.error },
47
- React.createElement(Input, { dataHook: "custom-field-modal-key", disabled: mode === 'edit', value: key.value, onChange: (e) => {
48
- key.onChange(e.target.value.toLowerCase());
49
- customFieldModalBiReporter.reportKeyFormFieldChange();
50
- }, placeholder: t('cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder') }))),
51
- state.typeSupportsPii && (React.createElement(PiiFormFieldsV2, { containsPii: {
52
- value: containsPii.value,
53
- onChange: containsPii.onChange,
54
- }, mode: mode, language: language, piiWarning: state.piiWarning })))),
55
- state.showSettings && (React.createElement(React.Fragment, null,
56
- React.createElement(Box, { marginTop: "SP4", marginLeft: fullBleed, marginRight: fullBleed },
57
- React.createElement(Divider, null)),
58
- React.createElement(Box, { direction: "vertical", marginLeft: fullBleed, marginRight: fullBleed },
59
- React.createElement(Accordion, { dataHook: "custom-field-modal-settings-accordion", skin: "standard", hideShadow: true, horizontalPadding: "large", items: [
60
- {
61
- title: fieldModal.text.settingsLabel ??
62
- t('cairo.customFields.addCustomField.modal.advancedSettings'),
63
- toggleIconPlacement: 'start',
64
- suffix: state.settingsHasError ? (React.createElement(Box, { verticalAlign: "middle", color: "R10", dataHook: "custom-field-modal-settings-error" },
65
- React.createElement(StatusAlertFilledSmall, null))) : undefined,
66
- open: settings.isOn,
67
- onToggle: () => {
68
- settings.toggle();
69
- customFieldModalBiReporter.reportAdvancedSettingsClick(settings.isOn ? 'Open' : 'Close');
70
- },
71
- children: (React.createElement(Box, { direction: "vertical", gap: "SP4" },
72
- fieldModal.permissions && (React.createElement(CustomFieldFormV2Permissions, { state: state })),
73
- SettingsSection && (React.createElement(SettingsSection, { fieldType: type.value })))),
74
- },
75
- ] }))))));
76
- };
77
- export const CustomFieldFormV2 = observer(_CustomFieldFormV2);
78
- //# sourceMappingURL=CustomFieldFormV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormV2.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormV2Permissions.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2Permissions.tsx"],"names":[],"mappings":"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"}
@@ -1,74 +0,0 @@
1
- import React from 'react';
2
- import { observer } from 'mobx-react-lite';
3
- import { AutoComplete, Box, Input, listItemSectionBuilder, listItemSelectBuilder, } from '@wix/design-system';
4
- import { useWixPatternsContainer } from '@wix/bex-core/react';
5
- import { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';
6
- export const _CustomFieldTypeDropdownV2 = (props) => {
7
- const { state: { form: { $: { type, name, containsPii }, }, mode, fieldManagement: { fieldModal }, generateUniqueKey, setKeyFieldIfNotDirty, }, } = props;
8
- const { translate: t } = useWixPatternsContainer();
9
- const [search, setSearch] = React.useState(null);
10
- const query = search?.trim().toLowerCase() ?? '';
11
- const selectedType = fieldModal.types.find((option) => option.id === type.value);
12
- const fieldTypeOptions = React.useMemo(() => {
13
- const toOption = (option) => listItemSelectBuilder({
14
- dataHook: `custom-field-modal-type-${option.id}`,
15
- id: option.id,
16
- prefix: (React.createElement(Box, null, getFieldTypeIcon({
17
- fieldType: option.patternsType,
18
- size: 'medium',
19
- }))),
20
- title: option.label,
21
- subtitle: option.subtitle,
22
- label: option.label,
23
- });
24
- if (query) {
25
- return fieldModal.types
26
- .filter((option) => option.label.toLowerCase().includes(query))
27
- .map(toOption);
28
- }
29
- const groups = fieldModal.types.reduce((labels, option) => {
30
- const label = option.group;
31
- if (label && !labels.includes(label)) {
32
- labels.push(label);
33
- }
34
- return labels;
35
- }, []);
36
- if (groups.length === 0) {
37
- return fieldModal.types.map(toOption);
38
- }
39
- const grouped = groups.flatMap((label) => [
40
- listItemSectionBuilder({
41
- id: `custom-field-modal-type-group-${label}`,
42
- type: 'subheader',
43
- title: label,
44
- }),
45
- ...fieldModal.types
46
- .filter((option) => option.group === label)
47
- .map(toOption),
48
- ]);
49
- const ungrouped = fieldModal.types
50
- .filter((option) => !option.group)
51
- .map(toOption);
52
- return [...grouped, ...ungrouped];
53
- }, [fieldModal.types, query]);
54
- return (React.createElement(AutoComplete, { dataHook: "custom-field-modal-type", disabled: mode === 'edit', value: search ?? selectedType?.label ?? '', selectedId: type.value, prefix: search === null && selectedType ? (React.createElement(Input.IconAffix, null,
55
- React.createElement(Box, { color: "D10" }, getFieldTypeIcon({
56
- fieldType: selectedType.patternsType,
57
- size: 'medium',
58
- })))) : undefined, onChange: (e) => setSearch(e.target.value), onSelect: ({ id }) => {
59
- const nextType = String(id);
60
- setSearch(null);
61
- if (nextType !== type.value) {
62
- // The settings were filled in for the old type; the new one starts fresh.
63
- props.state.resetSettingsValues();
64
- }
65
- type.onChange(nextType);
66
- // Read off `props.state` — a destructured computed holds the pre-change value.
67
- if (!props.state.typeSupportsPii) {
68
- containsPii.onChange(false);
69
- }
70
- setKeyFieldIfNotDirty(generateUniqueKey(name.value));
71
- }, onClose: () => setSearch(null), popoverProps: { appendTo: 'window', zIndex: 5001 }, placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'), emptyStateMessage: t('cairo.emptyState.subtitle.nothingMatchesCriteria'), options: fieldTypeOptions }));
72
- };
73
- export const CustomFieldTypeDropdownV2 = observer(_CustomFieldTypeDropdownV2);
74
- //# sourceMappingURL=CustomFieldTypeDropdownV2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldTypeDropdownV2.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import type { FieldPiiWarning } from '@wix/bex-core';
3
- interface PiiFormFieldsV2Props {
4
- containsPii: {
5
- value: boolean;
6
- onChange: (value: boolean) => void;
7
- };
8
- mode: string;
9
- language: string;
10
- /** Shown only while the toggle is on. */
11
- piiWarning?: FieldPiiWarning;
12
- }
13
- export declare function PiiFormFieldsV2({ containsPii, mode, language, piiWarning, }: PiiFormFieldsV2Props): React.JSX.Element;
14
- export {};
15
- //# sourceMappingURL=CustomFieldFormPiiFieldsV2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormPiiFieldsV2.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,UAAU,oBAAoB;IAC5B,WAAW,EAAE;QACX,KAAK,EAAE,OAAO,CAAC;QACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;KACpC,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,UAAU,GACX,EAAE,oBAAoB,qBAoFtB"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CustomFieldModalState } from '@wix/bex-core';
3
- export interface CustomFieldFormV2Props {
4
- state: CustomFieldModalState;
5
- }
6
- export declare const _CustomFieldFormV2: (props: CustomFieldFormV2Props) => React.JSX.Element;
7
- export declare const CustomFieldFormV2: ((props: CustomFieldFormV2Props) => React.JSX.Element) & {
8
- displayName: string;
9
- };
10
- //# sourceMappingURL=CustomFieldFormV2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormV2.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAQtD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAMD,eAAO,MAAM,kBAAkB,UAAW,sBAAsB,sBAgM/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,WAlMY,sBAAsB;;CAkMH,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CustomFieldModalState } from '@wix/bex-core';
3
- export interface CustomFieldFormV2PermissionsProps {
4
- state: CustomFieldModalState;
5
- }
6
- export declare const _CustomFieldFormV2Permissions: (props: CustomFieldFormV2PermissionsProps) => React.JSX.Element;
7
- export declare const CustomFieldFormV2Permissions: ((props: CustomFieldFormV2PermissionsProps) => React.JSX.Element) & {
8
- displayName: string;
9
- };
10
- //# sourceMappingURL=CustomFieldFormV2Permissions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldFormV2Permissions.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldFormV2Permissions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAY9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AA0ED,eAAO,MAAM,6BAA6B,UACjC,iCAAiC,sBAmHzC,CAAC;AAEF,eAAO,MAAM,4BAA4B,WArHhC,iCAAiC;;CAuHzC,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CustomFieldModalState } from '@wix/bex-core';
3
- export interface CustomFieldTypeDropdownV2Props {
4
- state: CustomFieldModalState;
5
- }
6
- export declare const _CustomFieldTypeDropdownV2: (props: CustomFieldTypeDropdownV2Props) => React.JSX.Element;
7
- export declare const CustomFieldTypeDropdownV2: ((props: CustomFieldTypeDropdownV2Props) => React.JSX.Element) & {
8
- displayName: string;
9
- };
10
- //# sourceMappingURL=CustomFieldTypeDropdownV2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomFieldTypeDropdownV2.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdownV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAItD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAED,eAAO,MAAM,0BAA0B,UAC9B,8BAA8B,sBAsHtC,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAxH7B,8BAA8B;;CAwHsC,CAAC"}
@@ -1,115 +0,0 @@
1
- import React from 'react';
2
- import {
3
- Box,
4
- Cell,
5
- FormField,
6
- InfoIcon,
7
- SectionHelper,
8
- Text,
9
- TextButton,
10
- ToggleSwitch,
11
- } from '@wix/design-system';
12
- import type { FieldPiiWarning } from '@wix/bex-core';
13
- import { Trans } from '../Trans';
14
-
15
- interface PiiFormFieldsV2Props {
16
- containsPii: {
17
- value: boolean;
18
- onChange: (value: boolean) => void;
19
- };
20
- mode: string;
21
- language: string;
22
- /** Shown only while the toggle is on. */
23
- piiWarning?: FieldPiiWarning;
24
- }
25
-
26
- export function PiiFormFieldsV2({
27
- containsPii,
28
- mode,
29
- language,
30
- piiWarning,
31
- }: PiiFormFieldsV2Props) {
32
- const translateKeys = {
33
- toggleName:
34
- 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',
35
- toggleInfo:
36
- 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',
37
- toggleEditNote:
38
- 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',
39
- } as const;
40
- const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
41
- const isEdit = mode === 'edit';
42
-
43
- return (
44
- <>
45
- <Cell span={12}>
46
- <FormField>
47
- <Box gap="9px" marginBlockEnd={isEdit ? '6px' : undefined}>
48
- <ToggleSwitch
49
- dataHook="pii-toggle-switch"
50
- size="medium"
51
- disabled={isEdit}
52
- checked={containsPii.value}
53
- onChange={(e) => containsPii.onChange(e.target.checked)}
54
- />
55
- <Box gap="3px">
56
- <Text size="small" dataHook="pii-toggle-name">
57
- <Trans i18nKey={translateKeys.toggleName} />
58
- </Text>
59
- <InfoIcon
60
- size="small"
61
- content={
62
- <Trans
63
- i18nKey={translateKeys.toggleInfo}
64
- components={{
65
- linkVal: (
66
- <TextButton
67
- as="a"
68
- href={whyIsItImportantLink}
69
- underline="always"
70
- size="small"
71
- target="_blank"
72
- />
73
- ),
74
- }}
75
- />
76
- }
77
- />
78
- </Box>
79
- </Box>
80
- </FormField>
81
- {isEdit && (
82
- <Box>
83
- <Text size="small" dataHook="pii-toggle-edit-note">
84
- <Trans i18nKey={translateKeys.toggleEditNote} />
85
- </Text>
86
- </Box>
87
- )}
88
- </Cell>
89
- {containsPii.value && piiWarning && (
90
- <Cell span={12}>
91
- <SectionHelper
92
- dataHook="custom-field-modal-pii-warning"
93
- skin="warning"
94
- showPrefixIcon
95
- >
96
- {/* Inline, not SectionHelper's `actionText` — that slot renders a
97
- bordered button on its own row. */}
98
- {piiWarning.text}{' '}
99
- {piiWarning.action && (
100
- <TextButton
101
- dataHook="custom-field-modal-pii-warning-action"
102
- size="small"
103
- skin="dark"
104
- underline="always"
105
- onClick={piiWarning.action.onClick}
106
- >
107
- {piiWarning.action.label}
108
- </TextButton>
109
- )}
110
- </SectionHelper>
111
- </Cell>
112
- )}
113
- </>
114
- );
115
- }