@gravity-ui/page-constructor 6.3.2-alpha.10 → 6.3.2-alpha.12

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 (414) hide show
  1. package/build/cjs/blocks/CardLayout/index.d.ts +1 -1
  2. package/build/cjs/blocks/CardLayout/index.js.map +1 -1
  3. package/build/cjs/blocks/ContentLayout/index.d.ts +1 -1
  4. package/build/cjs/blocks/ExtendedFeatures/index.d.ts +1 -1
  5. package/build/cjs/blocks/FilterBlock/index.d.ts +1 -1
  6. package/build/cjs/blocks/Form/index.d.ts +1 -1
  7. package/build/cjs/blocks/Header/dynamic-form.d.ts +1 -1
  8. package/build/cjs/blocks/Header/dynamic-form.js.map +1 -1
  9. package/build/cjs/blocks/Header/index.d.ts +1 -1
  10. package/build/cjs/blocks/HeaderSlider/index.d.ts +1 -1
  11. package/build/cjs/blocks/Icons/index.d.ts +1 -1
  12. package/build/cjs/blocks/Info/index.d.ts +1 -1
  13. package/build/cjs/blocks/Map/index.d.ts +1 -1
  14. package/build/cjs/blocks/Media/index.d.ts +1 -1
  15. package/build/cjs/blocks/PromoFeaturesBlock/index.d.ts +1 -1
  16. package/build/cjs/blocks/Questions/index.d.ts +1 -1
  17. package/build/cjs/blocks/Share/index.d.ts +1 -1
  18. package/build/cjs/blocks/Slider/dynamic-form.d.ts +1 -1
  19. package/build/cjs/blocks/Slider/dynamic-form.js.map +1 -1
  20. package/build/cjs/blocks/Slider/index.d.ts +1 -1
  21. package/build/cjs/blocks/Table/index.d.ts +1 -1
  22. package/build/cjs/blocks/Tabs/index.d.ts +1 -1
  23. package/build/cjs/blocks/TestEditorBlock/form.d.ts +1 -1
  24. package/build/cjs/blocks/TestEditorBlock/form.js.map +1 -1
  25. package/build/cjs/blocks/TestEditorBlock/index.d.ts +1 -1
  26. package/build/cjs/common/store.d.ts +2 -1
  27. package/build/cjs/common/store.js.map +1 -1
  28. package/build/cjs/common/types/common.d.ts +1 -1
  29. package/build/cjs/common/types/common.js.map +1 -1
  30. package/build/cjs/common/types/index.d.ts +0 -1
  31. package/build/cjs/common/types/index.js +0 -1
  32. package/build/cjs/common/types/index.js.map +1 -1
  33. package/build/cjs/components/Image/dynamic-form.d.ts +1 -1
  34. package/build/cjs/components/Image/dynamic-form.js.map +1 -1
  35. package/build/cjs/components/Title/TitleItem.d.ts +1 -1
  36. package/build/cjs/constructor-items.d.ts +1 -1
  37. package/build/cjs/constructor-items.js.map +1 -1
  38. package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js +2 -2
  39. package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -1
  40. package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.js +2 -3
  41. package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
  42. package/build/cjs/editor-v2/store.d.ts +1 -1
  43. package/build/cjs/editor-v2/store.js.map +1 -1
  44. package/build/cjs/form-builder/FormBuilder.d.ts +3 -0
  45. package/build/cjs/form-builder/FormBuilder.js +12 -0
  46. package/build/cjs/form-builder/FormBuilder.js.map +1 -0
  47. package/build/cjs/form-builder/components/AddPropertyButton/AddPropertyButton.css +3 -0
  48. package/build/cjs/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.d.ts +1 -1
  49. package/build/cjs/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.js +2 -3
  50. package/build/cjs/form-builder/components/AddPropertyButton/AddPropertyButton.js.map +1 -0
  51. package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
  52. package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts +2 -2
  53. package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -3
  54. package/build/cjs/form-builder/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -0
  55. package/build/{esm/form-generator → cjs/form-builder}/components/ConfigRow/ConfigRow.css +3 -3
  56. package/build/cjs/{form-generator → form-builder}/components/ConfigRow/ConfigRow.js +2 -2
  57. package/build/cjs/form-builder/components/ConfigRow/ConfigRow.js.map +1 -0
  58. package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.css +3 -3
  59. package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.d.ts +1 -1
  60. package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.js +2 -3
  61. package/build/cjs/form-builder/components/FieldCard/FieldCard.js.map +1 -0
  62. package/build/{esm/form-generator → cjs/form-builder}/components/FieldHeader/FieldHeader.css +1 -1
  63. package/build/cjs/{form-generator → form-builder}/components/FieldHeader/FieldHeader.js +2 -3
  64. package/build/cjs/form-builder/components/FieldHeader/FieldHeader.js.map +1 -0
  65. package/build/{esm/form-generator/components/FormBuilder/FormBuilder.css → cjs/form-builder/components/FormBuilderBody/FormBuilderBody.css} +18 -18
  66. package/build/cjs/form-builder/components/FormBuilderBody/FormBuilderBody.d.ts +6 -0
  67. package/build/cjs/{form-generator/components/FormBuilder/FormBuilder.js → form-builder/components/FormBuilderBody/FormBuilderBody.js} +7 -9
  68. package/build/cjs/form-builder/components/FormBuilderBody/FormBuilderBody.js.map +1 -0
  69. package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
  70. package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.d.ts +2 -2
  71. package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -3
  72. package/build/cjs/form-builder/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -0
  73. package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.css +1 -1
  74. package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.js +2 -3
  75. package/build/cjs/form-builder/components/OptionHeader/OptionHeader.js.map +1 -0
  76. package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.css +6 -6
  77. package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.d.ts +2 -2
  78. package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.js +2 -3
  79. package/build/cjs/form-builder/components/OptionsRenderer/OptionsRenderer.js.map +1 -0
  80. package/build/cjs/form-builder/components/SectionHeader/SectionHeader.css +3 -0
  81. package/build/cjs/{form-generator → form-builder}/components/SectionHeader/SectionHeader.js +2 -3
  82. package/build/cjs/form-builder/components/SectionHeader/SectionHeader.js.map +1 -0
  83. package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
  84. package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.d.ts +1 -1
  85. package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
  86. package/build/cjs/form-builder/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -0
  87. package/build/cjs/form-builder/hooks/FormContext.d.ts +11 -0
  88. package/build/cjs/{form-generator → form-builder}/hooks/FormContext.js +2 -2
  89. package/build/cjs/form-builder/hooks/FormContext.js.map +1 -0
  90. package/build/cjs/{form-generator → form-builder}/hooks/useFormFields.d.ts +8 -3
  91. package/build/cjs/{form-generator → form-builder}/hooks/useFormFields.js +66 -66
  92. package/build/cjs/form-builder/hooks/useFormFields.js.map +1 -0
  93. package/build/cjs/form-builder/index.d.ts +4 -0
  94. package/build/cjs/form-builder/index.js +8 -0
  95. package/build/cjs/form-builder/index.js.map +1 -0
  96. package/build/cjs/form-builder/styles/variables.css +0 -0
  97. package/build/{esm/form-generator/hooks → cjs/form-builder}/types.d.ts +6 -1
  98. package/build/cjs/form-builder/types.js.map +1 -0
  99. package/build/cjs/form-builder/utils/cn.d.ts +2 -0
  100. package/build/cjs/form-builder/utils/cn.js +7 -0
  101. package/build/cjs/form-builder/utils/cn.js.map +1 -0
  102. package/build/cjs/form-generator/FormGenerator.css +7 -0
  103. package/build/cjs/form-generator/FormGenerator.d.ts +10 -0
  104. package/build/cjs/{editor-v2/components/DynamicForm/DynamicForm.js → form-generator/FormGenerator.js} +19 -17
  105. package/build/cjs/form-generator/FormGenerator.js.map +1 -0
  106. package/build/{esm/editor-v2/components/DynamicForm → cjs/form-generator/components}/FieldBase/FieldBase.css +19 -17
  107. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.js +3 -3
  108. package/build/cjs/form-generator/components/FieldBase/FieldBase.js.map +1 -0
  109. package/build/cjs/form-generator/components/Fields/AnyOf/AnyOf.css +8 -0
  110. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.d.ts +1 -1
  111. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.js +4 -4
  112. package/build/cjs/form-generator/components/Fields/AnyOf/AnyOf.js.map +1 -0
  113. package/build/cjs/form-generator/components/Fields/Array/Array.css +40 -0
  114. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.d.ts +1 -1
  115. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.js +5 -5
  116. package/build/cjs/form-generator/components/Fields/Array/Array.js.map +1 -0
  117. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.js +2 -2
  118. package/build/cjs/form-generator/components/Fields/Array/ItemButton/ItemButton.js.map +1 -0
  119. package/build/cjs/form-generator/components/Fields/Boolean/Boolean.css +5 -0
  120. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.js +2 -2
  121. package/build/cjs/form-generator/components/Fields/Boolean/Boolean.js.map +1 -0
  122. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.js +2 -2
  123. package/build/cjs/form-generator/components/Fields/Number/Number.js.map +1 -0
  124. package/build/{esm/editor-v2/components/DynamicForm → cjs/form-generator/components}/Fields/Object/Object.d.ts +1 -1
  125. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Object/Object.js +2 -2
  126. package/build/cjs/form-generator/components/Fields/Object/Object.js.map +1 -0
  127. package/build/cjs/form-generator/components/Fields/OneOf/OneOf.css +8 -0
  128. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.d.ts +1 -1
  129. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.js +4 -4
  130. package/build/cjs/form-generator/components/Fields/OneOf/OneOf.js.map +1 -0
  131. package/build/cjs/form-generator/components/Fields/Select/Select.css +5 -0
  132. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.d.ts +1 -1
  133. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.js +2 -2
  134. package/build/cjs/form-generator/components/Fields/Select/Select.js.map +1 -0
  135. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.js +2 -2
  136. package/build/cjs/form-generator/components/Fields/Text/Text.js.map +1 -0
  137. package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.js +2 -2
  138. package/build/cjs/form-generator/components/Fields/TextArea/TextArea.js.map +1 -0
  139. package/build/cjs/form-generator/index.d.ts +2 -7
  140. package/build/cjs/form-generator/index.js +2 -7
  141. package/build/cjs/form-generator/index.js.map +1 -1
  142. package/build/cjs/form-generator/styles/mixins.css +2 -0
  143. package/build/cjs/form-generator/styles/variables.css +0 -0
  144. package/build/cjs/{common/types/forms.d.ts → form-generator/types.d.ts} +1 -1
  145. package/build/cjs/{common/types/forms.js → form-generator/types.js} +1 -1
  146. package/build/cjs/form-generator/types.js.map +1 -0
  147. package/build/cjs/form-generator/utils/cn.d.ts +2 -0
  148. package/build/cjs/form-generator/utils/cn.js +7 -0
  149. package/build/cjs/form-generator/utils/cn.js.map +1 -0
  150. package/build/cjs/{editor-v2/components/DynamicForm/utils.d.ts → form-generator/utils/common.d.ts} +1 -1
  151. package/build/cjs/{editor-v2/components/DynamicForm/utils.js → form-generator/utils/common.js} +1 -1
  152. package/build/cjs/form-generator/utils/common.js.map +1 -0
  153. package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
  154. package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
  155. package/build/cjs/utils/form-generator.d.ts +1 -1
  156. package/build/cjs/utils/form-generator.js.map +1 -1
  157. package/build/esm/blocks/CardLayout/index.d.ts +1 -1
  158. package/build/esm/blocks/CardLayout/index.js.map +1 -1
  159. package/build/esm/blocks/ContentLayout/index.d.ts +1 -1
  160. package/build/esm/blocks/ExtendedFeatures/index.d.ts +1 -1
  161. package/build/esm/blocks/FilterBlock/index.d.ts +1 -1
  162. package/build/esm/blocks/Form/index.d.ts +1 -1
  163. package/build/esm/blocks/Header/dynamic-form.d.ts +1 -1
  164. package/build/esm/blocks/Header/dynamic-form.js.map +1 -1
  165. package/build/esm/blocks/Header/index.d.ts +1 -1
  166. package/build/esm/blocks/HeaderSlider/index.d.ts +1 -1
  167. package/build/esm/blocks/Icons/index.d.ts +1 -1
  168. package/build/esm/blocks/Info/index.d.ts +1 -1
  169. package/build/esm/blocks/Map/index.d.ts +1 -1
  170. package/build/esm/blocks/Media/index.d.ts +1 -1
  171. package/build/esm/blocks/PromoFeaturesBlock/index.d.ts +1 -1
  172. package/build/esm/blocks/Questions/index.d.ts +1 -1
  173. package/build/esm/blocks/Share/index.d.ts +1 -1
  174. package/build/esm/blocks/Slider/dynamic-form.d.ts +1 -1
  175. package/build/esm/blocks/Slider/dynamic-form.js.map +1 -1
  176. package/build/esm/blocks/Slider/index.d.ts +1 -1
  177. package/build/esm/blocks/Table/index.d.ts +1 -1
  178. package/build/esm/blocks/Tabs/index.d.ts +1 -1
  179. package/build/esm/blocks/TestEditorBlock/form.d.ts +1 -1
  180. package/build/esm/blocks/TestEditorBlock/form.js.map +1 -1
  181. package/build/esm/blocks/TestEditorBlock/index.d.ts +1 -1
  182. package/build/esm/common/store.d.ts +2 -1
  183. package/build/esm/common/store.js.map +1 -1
  184. package/build/esm/common/types/common.d.ts +1 -1
  185. package/build/esm/common/types/common.js.map +1 -1
  186. package/build/esm/common/types/index.d.ts +0 -1
  187. package/build/esm/common/types/index.js +0 -1
  188. package/build/esm/common/types/index.js.map +1 -1
  189. package/build/esm/components/Image/dynamic-form.d.ts +1 -1
  190. package/build/esm/components/Image/dynamic-form.js.map +1 -1
  191. package/build/esm/components/Title/TitleItem.d.ts +1 -1
  192. package/build/esm/constructor-items.d.ts +1 -1
  193. package/build/esm/constructor-items.js.map +1 -1
  194. package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.js +2 -2
  195. package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -1
  196. package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.js +2 -2
  197. package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
  198. package/build/esm/editor-v2/store.d.ts +1 -1
  199. package/build/esm/editor-v2/store.js.map +1 -1
  200. package/build/esm/form-builder/FormBuilder.d.ts +3 -0
  201. package/build/esm/form-builder/FormBuilder.js +8 -0
  202. package/build/esm/form-builder/FormBuilder.js.map +1 -0
  203. package/build/esm/form-builder/components/AddPropertyButton/AddPropertyButton.css +3 -0
  204. package/build/esm/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.d.ts +1 -1
  205. package/build/esm/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.js +2 -2
  206. package/build/esm/form-builder/components/AddPropertyButton/AddPropertyButton.js.map +1 -0
  207. package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
  208. package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts +2 -2
  209. package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -2
  210. package/build/esm/form-builder/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -0
  211. package/build/{cjs/form-generator → esm/form-builder}/components/ConfigRow/ConfigRow.css +3 -3
  212. package/build/esm/{form-generator → form-builder}/components/ConfigRow/ConfigRow.js +2 -2
  213. package/build/esm/form-builder/components/ConfigRow/ConfigRow.js.map +1 -0
  214. package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.css +3 -3
  215. package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.d.ts +1 -1
  216. package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.js +2 -2
  217. package/build/esm/form-builder/components/FieldCard/FieldCard.js.map +1 -0
  218. package/build/{cjs/form-generator → esm/form-builder}/components/FieldHeader/FieldHeader.css +1 -1
  219. package/build/esm/{form-generator → form-builder}/components/FieldHeader/FieldHeader.js +2 -2
  220. package/build/esm/form-builder/components/FieldHeader/FieldHeader.js.map +1 -0
  221. package/build/{cjs/form-generator/components/FormBuilder/FormBuilder.css → esm/form-builder/components/FormBuilderBody/FormBuilderBody.css} +18 -18
  222. package/build/esm/form-builder/components/FormBuilderBody/FormBuilderBody.d.ts +7 -0
  223. package/build/esm/{form-generator/components/FormBuilder/FormBuilder.js → form-builder/components/FormBuilderBody/FormBuilderBody.js} +6 -7
  224. package/build/esm/form-builder/components/FormBuilderBody/FormBuilderBody.js.map +1 -0
  225. package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
  226. package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.d.ts +2 -2
  227. package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -2
  228. package/build/esm/form-builder/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -0
  229. package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.css +1 -1
  230. package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.js +2 -2
  231. package/build/esm/form-builder/components/OptionHeader/OptionHeader.js.map +1 -0
  232. package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.css +6 -6
  233. package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.d.ts +2 -2
  234. package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.js +2 -2
  235. package/build/esm/form-builder/components/OptionsRenderer/OptionsRenderer.js.map +1 -0
  236. package/build/esm/form-builder/components/SectionHeader/SectionHeader.css +3 -0
  237. package/build/esm/{form-generator → form-builder}/components/SectionHeader/SectionHeader.js +2 -2
  238. package/build/esm/form-builder/components/SectionHeader/SectionHeader.js.map +1 -0
  239. package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
  240. package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.d.ts +1 -1
  241. package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
  242. package/build/esm/form-builder/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -0
  243. package/build/esm/form-builder/hooks/FormContext.d.ts +11 -0
  244. package/build/esm/{form-generator → form-builder}/hooks/FormContext.js +2 -2
  245. package/build/esm/form-builder/hooks/FormContext.js.map +1 -0
  246. package/build/esm/{form-generator → form-builder}/hooks/useFormFields.d.ts +8 -3
  247. package/build/esm/{form-generator → form-builder}/hooks/useFormFields.js +66 -66
  248. package/build/esm/form-builder/hooks/useFormFields.js.map +1 -0
  249. package/build/esm/form-builder/index.d.ts +4 -0
  250. package/build/esm/form-builder/index.js +5 -0
  251. package/build/esm/form-builder/index.js.map +1 -0
  252. package/build/esm/form-builder/styles/variables.css +0 -0
  253. package/build/{cjs/form-generator/hooks → esm/form-builder}/types.d.ts +6 -1
  254. package/build/esm/form-builder/types.js.map +1 -0
  255. package/build/esm/form-builder/utils/cn.d.ts +2 -0
  256. package/build/esm/form-builder/utils/cn.js +4 -0
  257. package/build/esm/form-builder/utils/cn.js.map +1 -0
  258. package/build/esm/form-generator/FormGenerator.css +7 -0
  259. package/build/esm/form-generator/FormGenerator.d.ts +11 -0
  260. package/build/esm/{editor-v2/components/DynamicForm/DynamicForm.js → form-generator/FormGenerator.js} +16 -16
  261. package/build/esm/form-generator/FormGenerator.js.map +1 -0
  262. package/build/{cjs/editor-v2/components/DynamicForm → esm/form-generator/components}/FieldBase/FieldBase.css +19 -17
  263. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.js +3 -3
  264. package/build/esm/form-generator/components/FieldBase/FieldBase.js.map +1 -0
  265. package/build/esm/form-generator/components/Fields/AnyOf/AnyOf.css +8 -0
  266. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.d.ts +1 -1
  267. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.js +3 -3
  268. package/build/esm/form-generator/components/Fields/AnyOf/AnyOf.js.map +1 -0
  269. package/build/esm/form-generator/components/Fields/Array/Array.css +40 -0
  270. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.d.ts +1 -1
  271. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.js +5 -5
  272. package/build/esm/form-generator/components/Fields/Array/Array.js.map +1 -0
  273. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.js +2 -2
  274. package/build/esm/form-generator/components/Fields/Array/ItemButton/ItemButton.js.map +1 -0
  275. package/build/esm/form-generator/components/Fields/Boolean/Boolean.css +5 -0
  276. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.js +2 -2
  277. package/build/esm/form-generator/components/Fields/Boolean/Boolean.js.map +1 -0
  278. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.js +2 -2
  279. package/build/esm/form-generator/components/Fields/Number/Number.js.map +1 -0
  280. package/build/{cjs/editor-v2/components/DynamicForm → esm/form-generator/components}/Fields/Object/Object.d.ts +1 -1
  281. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Object/Object.js +1 -1
  282. package/build/esm/form-generator/components/Fields/Object/Object.js.map +1 -0
  283. package/build/esm/form-generator/components/Fields/OneOf/OneOf.css +8 -0
  284. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.d.ts +1 -1
  285. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.js +3 -3
  286. package/build/esm/form-generator/components/Fields/OneOf/OneOf.js.map +1 -0
  287. package/build/esm/form-generator/components/Fields/Select/Select.css +5 -0
  288. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.d.ts +1 -1
  289. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.js +2 -2
  290. package/build/esm/form-generator/components/Fields/Select/Select.js.map +1 -0
  291. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.js +2 -2
  292. package/build/esm/form-generator/components/Fields/Text/Text.js.map +1 -0
  293. package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.js +2 -2
  294. package/build/esm/form-generator/components/Fields/TextArea/TextArea.js.map +1 -0
  295. package/build/esm/form-generator/index.d.ts +2 -7
  296. package/build/esm/form-generator/index.js +2 -7
  297. package/build/esm/form-generator/index.js.map +1 -1
  298. package/build/esm/form-generator/styles/mixins.css +2 -0
  299. package/build/esm/form-generator/styles/variables.css +0 -0
  300. package/build/esm/{common/types/forms.d.ts → form-generator/types.d.ts} +1 -1
  301. package/build/esm/form-generator/types.js +2 -0
  302. package/build/esm/form-generator/types.js.map +1 -0
  303. package/build/esm/form-generator/utils/cn.d.ts +2 -0
  304. package/build/esm/form-generator/utils/cn.js +4 -0
  305. package/build/esm/form-generator/utils/cn.js.map +1 -0
  306. package/build/esm/{editor-v2/components/DynamicForm/utils.d.ts → form-generator/utils/common.d.ts} +1 -1
  307. package/build/esm/{editor-v2/components/DynamicForm/utils.js → form-generator/utils/common.js} +1 -1
  308. package/build/esm/form-generator/utils/common.js.map +1 -0
  309. package/build/esm/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
  310. package/build/esm/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
  311. package/build/esm/utils/form-generator.d.ts +1 -1
  312. package/build/esm/utils/form-generator.js.map +1 -1
  313. package/package.json +9 -1
  314. package/build/cjs/common/types/forms.js.map +0 -1
  315. package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.css +0 -5
  316. package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.d.ts +0 -10
  317. package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js.map +0 -1
  318. package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +0 -1
  319. package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.css +0 -6
  320. package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map +0 -1
  321. package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.css +0 -38
  322. package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +0 -1
  323. package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map +0 -1
  324. package/build/cjs/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css +0 -3
  325. package/build/cjs/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js.map +0 -1
  326. package/build/cjs/editor-v2/components/DynamicForm/Fields/Number/Number.js.map +0 -1
  327. package/build/cjs/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +0 -1
  328. package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css +0 -6
  329. package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +0 -1
  330. package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.css +0 -3
  331. package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +0 -1
  332. package/build/cjs/editor-v2/components/DynamicForm/Fields/Text/Text.js.map +0 -1
  333. package/build/cjs/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map +0 -1
  334. package/build/cjs/editor-v2/components/DynamicForm/utils.js.map +0 -1
  335. package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.css +0 -3
  336. package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +0 -1
  337. package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +0 -1
  338. package/build/cjs/form-generator/components/ConfigRow/ConfigRow.js.map +0 -1
  339. package/build/cjs/form-generator/components/FieldCard/FieldCard.js.map +0 -1
  340. package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js.map +0 -1
  341. package/build/cjs/form-generator/components/FormBuilder/FormBuilder.d.ts +0 -8
  342. package/build/cjs/form-generator/components/FormBuilder/FormBuilder.js.map +0 -1
  343. package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +0 -1
  344. package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js.map +0 -1
  345. package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +0 -1
  346. package/build/cjs/form-generator/components/SectionHeader/SectionHeader.css +0 -3
  347. package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js.map +0 -1
  348. package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +0 -1
  349. package/build/cjs/form-generator/hooks/FormContext.d.ts +0 -7
  350. package/build/cjs/form-generator/hooks/FormContext.js.map +0 -1
  351. package/build/cjs/form-generator/hooks/types.js.map +0 -1
  352. package/build/cjs/form-generator/hooks/useFormFields.js.map +0 -1
  353. package/build/esm/common/types/forms.js +0 -2
  354. package/build/esm/common/types/forms.js.map +0 -1
  355. package/build/esm/editor-v2/components/DynamicForm/DynamicForm.css +0 -5
  356. package/build/esm/editor-v2/components/DynamicForm/DynamicForm.d.ts +0 -11
  357. package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js.map +0 -1
  358. package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +0 -1
  359. package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.css +0 -6
  360. package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map +0 -1
  361. package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.css +0 -38
  362. package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +0 -1
  363. package/build/esm/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map +0 -1
  364. package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css +0 -3
  365. package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js.map +0 -1
  366. package/build/esm/editor-v2/components/DynamicForm/Fields/Number/Number.js.map +0 -1
  367. package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +0 -1
  368. package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css +0 -6
  369. package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +0 -1
  370. package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.css +0 -3
  371. package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +0 -1
  372. package/build/esm/editor-v2/components/DynamicForm/Fields/Text/Text.js.map +0 -1
  373. package/build/esm/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map +0 -1
  374. package/build/esm/editor-v2/components/DynamicForm/utils.js.map +0 -1
  375. package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.css +0 -3
  376. package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +0 -1
  377. package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +0 -1
  378. package/build/esm/form-generator/components/ConfigRow/ConfigRow.js.map +0 -1
  379. package/build/esm/form-generator/components/FieldCard/FieldCard.js.map +0 -1
  380. package/build/esm/form-generator/components/FieldHeader/FieldHeader.js.map +0 -1
  381. package/build/esm/form-generator/components/FormBuilder/FormBuilder.d.ts +0 -9
  382. package/build/esm/form-generator/components/FormBuilder/FormBuilder.js.map +0 -1
  383. package/build/esm/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +0 -1
  384. package/build/esm/form-generator/components/OptionHeader/OptionHeader.js.map +0 -1
  385. package/build/esm/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +0 -1
  386. package/build/esm/form-generator/components/SectionHeader/SectionHeader.css +0 -3
  387. package/build/esm/form-generator/components/SectionHeader/SectionHeader.js.map +0 -1
  388. package/build/esm/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +0 -1
  389. package/build/esm/form-generator/hooks/FormContext.d.ts +0 -7
  390. package/build/esm/form-generator/hooks/FormContext.js.map +0 -1
  391. package/build/esm/form-generator/hooks/types.js.map +0 -1
  392. package/build/esm/form-generator/hooks/useFormFields.js.map +0 -1
  393. /package/build/cjs/{form-generator → form-builder}/components/ConfigRow/ConfigRow.d.ts +0 -0
  394. /package/build/cjs/{form-generator → form-builder}/components/FieldHeader/FieldHeader.d.ts +0 -0
  395. /package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.d.ts +0 -0
  396. /package/build/cjs/{form-generator → form-builder}/components/SectionHeader/SectionHeader.d.ts +0 -0
  397. /package/build/cjs/{form-generator/hooks → form-builder}/types.js +0 -0
  398. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.d.ts +0 -0
  399. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.d.ts +0 -0
  400. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.d.ts +0 -0
  401. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.d.ts +0 -0
  402. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.d.ts +0 -0
  403. /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.d.ts +0 -0
  404. /package/build/esm/{form-generator → form-builder}/components/ConfigRow/ConfigRow.d.ts +0 -0
  405. /package/build/esm/{form-generator → form-builder}/components/FieldHeader/FieldHeader.d.ts +0 -0
  406. /package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.d.ts +0 -0
  407. /package/build/esm/{form-generator → form-builder}/components/SectionHeader/SectionHeader.d.ts +0 -0
  408. /package/build/esm/{form-generator/hooks → form-builder}/types.js +0 -0
  409. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.d.ts +0 -0
  410. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.d.ts +0 -0
  411. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.d.ts +0 -0
  412. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.d.ts +0 -0
  413. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.d.ts +0 -0
  414. /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.d.ts +0 -0
@@ -1,20 +1,20 @@
1
1
  import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
2
  import _ from 'lodash';
3
3
  import * as React from 'react';
4
- import { editorCn } from "../../utils/cn.js";
5
- import ArrayDynamicField from "./Fields/Array/Array.js";
6
- import BooleanDynamicField from "./Fields/Boolean/Boolean.js";
7
- import NumberDynamicField from "./Fields/Number/Number.js";
8
- import ObjectDynamicField from "./Fields/Object/Object.js";
9
- import AnyOfDynamicField from "./Fields/AnyOf/AnyOf.js";
10
- import OneOfDynamicField from "./Fields/OneOf/OneOf.js";
11
- import SelectDynamicField from "./Fields/Select/Select.js";
12
- import TextDynamicField from "./Fields/Text/Text.js";
13
- import TextAreaDynamicField from "./Fields/TextArea/TextArea.js";
14
- import { getContent, getFullPath } from "./utils.js";
15
- import './DynamicForm.css';
16
- const b = editorCn('dynamic-form');
17
- const DynamicForm = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }) => {
4
+ import { formGeneratorCn } from "./utils/cn.js";
5
+ import ArrayDynamicField from "./components/Fields/Array/Array.js";
6
+ import BooleanDynamicField from "./components/Fields/Boolean/Boolean.js";
7
+ import NumberDynamicField from "./components/Fields/Number/Number.js";
8
+ import ObjectDynamicField from "./components/Fields/Object/Object.js";
9
+ import AnyOfDynamicField from "./components/Fields/AnyOf/AnyOf.js";
10
+ import OneOfDynamicField from "./components/Fields/OneOf/OneOf.js";
11
+ import SelectDynamicField from "./components/Fields/Select/Select.js";
12
+ import TextDynamicField from "./components/Fields/Text/Text.js";
13
+ import TextAreaDynamicField from "./components/Fields/TextArea/TextArea.js";
14
+ import { getContent, getFullPath } from "./utils/common.js";
15
+ import './FormGenerator.css';
16
+ const b = formGeneratorCn('form-generator');
17
+ export const FormGenerator = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig, }) => {
18
18
  const inputs = blockConfig;
19
19
  const onDataUpdate = React.useCallback((key, value) => {
20
20
  if (onUpdateByKey) {
@@ -126,5 +126,5 @@ const DynamicForm = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }) =>
126
126
  });
127
127
  return (_jsx("div", { className: b(), children: sortedInputs.map((input, index) => (_jsx(React.Fragment, { children: renderInput(input) }, index))) }));
128
128
  };
129
- export default DynamicForm;
130
- //# sourceMappingURL=DynamicForm.js.map
129
+ export default FormGenerator;
130
+ //# sourceMappingURL=FormGenerator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGenerator.js","sourceRoot":"../../../src","sources":["form-generator/FormGenerator.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from './types';\nimport {formGeneratorCn} from './utils/cn';\n\nimport ArrayDynamicField from './components/Fields/Array/Array';\nimport BooleanDynamicField from './components/Fields/Boolean/Boolean';\nimport NumberDynamicField from './components/Fields/Number/Number';\nimport ObjectDynamicField from './components/Fields/Object/Object';\nimport AnyOfDynamicField from './components/Fields/AnyOf/AnyOf';\nimport OneOfDynamicField from './components/Fields/OneOf/OneOf';\nimport SelectDynamicField from './components/Fields/Select/Select';\nimport TextDynamicField from './components/Fields/Text/Text';\nimport TextAreaDynamicField from './components/Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils/common';\n\nimport './FormGenerator.scss';\n\nconst b = formGeneratorCn('form-generator');\n\ninterface FormGeneratorProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: object;\n onUpdateByKey?: (key: string, value: DynamicFormValue) => void;\n onUpdate?: (value: object) => void;\n className?: string;\n}\n\nexport const FormGenerator = ({\n blockConfig,\n onUpdateByKey,\n onUpdate,\n contentConfig,\n}: FormGeneratorProps) => {\n const inputs = blockConfig;\n\n const onDataUpdate = React.useCallback(\n (key: string, value: DynamicFormValue) => {\n if (onUpdateByKey) {\n onUpdateByKey(key, value);\n }\n if (onUpdate && contentConfig) {\n const newContentConfig = _.cloneDeep(contentConfig);\n _.set(newContentConfig, key, value);\n onUpdate(newContentConfig);\n }\n },\n [onUpdateByKey, onUpdate, contentConfig],\n );\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onDataUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onDataUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input || !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'anyOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <AnyOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onDataUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default FormGenerator;\n"]}
@@ -1,34 +1,36 @@
1
- .pceditor-field-base {
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-field-base {
2
4
  padding: 0;
3
5
  position: relative;
4
6
  display: flex;
5
7
  flex-direction: column;
6
8
  align-items: stretch;
7
9
  }
8
- .pceditor-field-base:hover > .pceditor-field-base__top .pceditor-field-base__title > .pceditor-field-base__button {
10
+ .pcformgenerator-field-base:hover > .pcformgenerator-field-base__top .pcformgenerator-field-base__title > .pcformgenerator-field-base__button {
9
11
  opacity: 1;
10
12
  }
11
- .pceditor-field-base_expandable {
13
+ .pcformgenerator-field-base_expandable {
12
14
  flex-direction: column;
13
15
  }
14
- .pceditor-field-base_expandable > .pceditor-field-base__top {
16
+ .pcformgenerator-field-base_expandable > .pcformgenerator-field-base__top {
15
17
  width: 100%;
16
18
  flex-basis: initial;
17
19
  }
18
- .pceditor-field-base_expandable > .pceditor-field-base__children {
20
+ .pcformgenerator-field-base_expandable > .pcformgenerator-field-base__children {
19
21
  width: 100%;
20
22
  }
21
- .pceditor-field-base__top {
23
+ .pcformgenerator-field-base__top {
22
24
  display: flex;
23
25
  align-items: center;
24
26
  gap: 4px;
25
27
  word-break: break-word;
26
28
  }
27
- .pceditor-field-base__children_expandable {
29
+ .pcformgenerator-field-base__children_expandable {
28
30
  border-left: 3px solid var(--g-color-line-generic);
29
31
  padding: 6px 12px;
30
32
  }
31
- .pceditor-field-base__foldable {
33
+ .pcformgenerator-field-base__foldable {
32
34
  width: 100%;
33
35
  display: flex;
34
36
  align-items: center;
@@ -38,22 +40,22 @@
38
40
  border-top-left-radius: var(--g-border-radius-m);
39
41
  border-top-right-radius: var(--g-border-radius-m);
40
42
  }
41
- .pceditor-field-base__foldable:hover {
43
+ .pcformgenerator-field-base__foldable:hover {
42
44
  color: var(--g-color-text-link-hover);
43
45
  }
44
- .pceditor-field-base__foldable:active {
46
+ .pcformgenerator-field-base__foldable:active {
45
47
  color: var(--g-color-text-link-active);
46
48
  }
47
- .pceditor-field-base__non-foldable:before {
49
+ .pcformgenerator-field-base__non-foldable:before {
48
50
  position: absolute;
49
51
  right: calc(100% + 5px);
50
52
  }
51
- .pceditor-field-base__button {
53
+ .pcformgenerator-field-base__button {
52
54
  transition: opacity 0.3s ease;
53
55
  opacity: 0;
54
56
  margin-left: 2px;
55
57
  }
56
- .pceditor-field-base__title {
58
+ .pcformgenerator-field-base__title {
57
59
  font-family: var(--g-text-body-font-family);
58
60
  font-weight: var(--g-text-body-font-weight);
59
61
  font-size: var(--g-text-body-2-font-size);
@@ -64,24 +66,24 @@
64
66
  flex-direction: row;
65
67
  align-items: center;
66
68
  }
67
- .pceditor-field-base__title_size_s {
69
+ .pcformgenerator-field-base__title_size_s {
68
70
  font-family: var(--g-text-body-font-family);
69
71
  font-weight: var(--g-text-body-font-weight);
70
72
  font-size: var(--g-text-body-1-font-size);
71
73
  line-height: var(--g-text-body-1-line-height);
72
74
  }
73
- .pceditor-field-base__title_size_m {
75
+ .pcformgenerator-field-base__title_size_m {
74
76
  font-family: var(--g-text-body-font-family);
75
77
  font-weight: var(--g-text-body-font-weight);
76
78
  font-size: var(--g-text-body-2-font-size);
77
79
  line-height: var(--g-text-body-2-line-height);
78
80
  }
79
- .pceditor-field-base__title_size_l {
81
+ .pcformgenerator-field-base__title_size_l {
80
82
  font-family: var(--g-text-body-font-family);
81
83
  font-weight: var(--g-text-body-font-weight);
82
84
  font-size: var(--g-text-body-3-font-size);
83
85
  line-height: var(--g-text-body-3-line-height);
84
86
  }
85
- .pceditor-field-base:last-child {
87
+ .pcformgenerator-field-base:last-child {
86
88
  border-bottom: none;
87
89
  }
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from 'react';
2
3
  import { ArrowToggle, Button, Icon } from '@gravity-ui/uikit';
3
4
  import { ArrowRotateLeft } from '@gravity-ui/icons';
4
5
  import _ from 'lodash';
5
- import * as React from 'react';
6
- import { editorCn } from "../../../utils/cn.js";
6
+ import { formGeneratorCn } from "../../utils/cn.js";
7
7
  import './FieldBase.css';
8
- const b = editorCn('field-base');
8
+ const b = formGeneratorCn('field-base');
9
9
  const FieldBase = ({ className, title, textSize = 's', children, expandable = false, onRefresh, }) => {
10
10
  const [showChildren, setShowChildren] = React.useState(!expandable);
11
11
  const titleComponent = React.useMemo(() => {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldBase/FieldBase.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,CAAC,MAAM,QAAQ,CAAC;AAEvB,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAaxC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACxC,yBAAO,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,EACjC,SAAS,IAAI,CACV,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,IACC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,KAAC,WAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CACzB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,UAAU,EAAC,CAAC,YAAG,QAAQ,GAAO,CAChE,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\n\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = formGeneratorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' | 'm' | 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n onRefresh,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>\n <span>{_.capitalize(title)}</span>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title || showChildren) && (\n <div className={b('children', {expandable})}>{children}</div>\n )}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
@@ -0,0 +1,8 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-anyof-dynamic-field__radio {
4
+ margin: 16px 12px;
5
+ }
6
+ .pcformgenerator-anyof-dynamic-field__select {
7
+ min-width: 80px;
8
+ }
@@ -1,4 +1,4 @@
1
- import { AnyOfInput, DynamicFormValue } from "../../../../../common/types/index.js";
1
+ import { AnyOfInput, DynamicFormValue } from "../../../types.js";
2
2
  import './AnyOf.css';
3
3
  interface AnyOfDynamicFieldProps {
4
4
  contentConfig: DynamicFormValue;
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Card, SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
3
3
  import * as React from 'react';
4
- import { editorCn } from "../../../../utils/cn.js";
5
- import DynamicForm from "../../DynamicForm.js";
4
+ import { formGeneratorCn } from "../../../utils/cn.js";
5
+ import DynamicForm from "../../../FormGenerator.js";
6
6
  import FieldBase from "../../FieldBase/FieldBase.js";
7
7
  import './AnyOf.css';
8
- const b = editorCn('anyof-dynamic-field');
8
+ const b = formGeneratorCn('anyof-dynamic-field');
9
9
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
10
10
  const getAnyOfContentConfig = (contentConfig, name) => {
11
11
  if (name) {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../types';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = formGeneratorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}
@@ -0,0 +1,40 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-array-dynamic-field__card {
4
+ padding: 12px;
5
+ margin-top: 12px;
6
+ border-left: 3px solid var(--g-color-line-generic);
7
+ }
8
+ .pcformgenerator-array-dynamic-field__card:first-child {
9
+ margin-top: 0;
10
+ }
11
+ .pcformgenerator-array-dynamic-field__row {
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: space-between;
15
+ gap: 10px;
16
+ margin-top: 10px;
17
+ }
18
+ .pcformgenerator-array-dynamic-field__row:first-child {
19
+ margin-top: 0;
20
+ }
21
+ .pcformgenerator-array-dynamic-field__card-head {
22
+ margin-bottom: 8px;
23
+ }
24
+ .pcformgenerator-array-dynamic-field__row-title {
25
+ font-family: var(--g-text-subheader-font-family);
26
+ font-weight: var(--g-text-subheader-font-weight);
27
+ font-size: var(--g-text-subheader-3-font-size);
28
+ line-height: var(--g-text-subheader-3-line-height);
29
+ }
30
+ .pcformgenerator-array-dynamic-field__row-title, .pcformgenerator-array-dynamic-field__row-field {
31
+ flex: 1;
32
+ }
33
+ .pcformgenerator-array-dynamic-field__empty {
34
+ padding: 10px;
35
+ display: flex;
36
+ justify-content: center;
37
+ }
38
+ .pcformgenerator-array-dynamic-field__add-button {
39
+ margin-top: 12px;
40
+ }
@@ -1,4 +1,4 @@
1
- import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../../../common/types/index.js";
1
+ import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../types.js";
2
2
  import './Array.css';
3
3
  type ArrayInput = ArrayTextInput | ArrayObjectInput;
4
4
  interface ArrayFieldProps {
@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Plus } from '@gravity-ui/icons';
3
3
  import { Button, Icon } from '@gravity-ui/uikit';
4
4
  import * as React from 'react';
5
- import { removeFromArray, swapArrayItems } from "../../../../utils/index.js";
6
- import { editorCn } from "../../../../utils/cn.js";
7
- import DynamicForm from "../../DynamicForm.js";
5
+ import { removeFromArray, swapArrayItems } from "../../../../editor-v2/utils/index.js";
6
+ import { formGeneratorCn } from "../../../utils/cn.js";
7
+ import DynamicForm from "../../../FormGenerator.js";
8
8
  import FieldBase from "../../FieldBase/FieldBase.js";
9
9
  import Text from "../Text/Text.js";
10
- import './Array.css';
11
10
  import ItemButton from "./ItemButton/ItemButton.js";
12
- const b = editorCn('array-dynamic-field');
11
+ import './Array.css';
12
+ const b = formGeneratorCn('array-dynamic-field');
13
13
  const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig }) => {
14
14
  const haveItems = values && Array.isArray(values) && values.length;
15
15
  const onAddItem = React.useCallback(() => {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Array.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Array/Array.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,6CAAoC;AAC5E,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,WAAW,kCAA+B;AACjD,OAAO,SAAS,qCAAkC;AAClD,OAAO,IAAI,wBAAqB;AAChC,OAAO,UAAU,mCAAgC;AAEjD,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAYjD,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAkB,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC;IAEnE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,WAAW,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YACnC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC;aAAM,IAAI,WAAW,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC5C,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAE,EAAE;QACd,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAChD,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAa,EAAE,SAAwB,EAAE,EAAE;QACxC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,MAAM,QAAQ,GAAG,cAAc,CAC3B,MAAM,EACN,KAAK,EACL,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAC7C,CAAC;YACF,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAuB,EAAE,KAAa,EAAE,EAAE;QACvC,MAAM,eAAe,GAAG,CACpB,KAAC,UAAU,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACnC,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,EAC7C,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EACjD,gBAAgB,EAAE,KAAK,KAAK,CAAC,EAC7B,kBAAkB,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,GACvE,CACL,CAAC;QAEF,QAAQ,WAAW,CAAC,SAAS,EAAE,CAAC;YAC5B,KAAK,MAAM,CAAC,CAAC,CAAC;gBACV,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,GAAG,EAAE,WAAW,CAAC,EAC9D,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,GACzD,EACD,eAAe,IACd,CACT,CAAC;YACN,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;oBAC1B,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,CACH,eAAiB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACjC,eAAK,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,aAC3C,eAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,sBAAQ,KAAK,GAAG,CAAC,IAAO,EACrD,eAAe,IACd,EACN,KAAC,WAAW,IACR,aAAa,EAAE,KAAe,EAC9B,WAAW,EAAE,WAAW,CAAC,UAAU,EACnC,aAAa,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,CAChC,QAAQ,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE,EAAE,WAAW,CAAC,GAEhD,KAXI,KAAK,CAYT,CACT,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,CAC1E,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,SAAS,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,MAAM;iBACrB,GAAG,CAAC,WAAW,CAAC;iBAChB,MAAM,CAAC,OAAO,CAAiC,CAAC;YACrD,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,WAAW,EACZ,MAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,aAClD,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,EACnB,WAAW,CAAC,UAAU,IAClB,IACI,CACpB,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,MAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,aAClD,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,4BAEf,GACP,CACT,CAAC;QACN,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EACzC,UAAU,kBAET,YAAY,EAAE,GACP,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../types';\nimport {removeFromArray, swapArrayItems} from '../../../../editor-v2/utils';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\nimport ItemButton from './ItemButton/ItemButton';\n\nimport './Array.scss';\n\nconst b = formGeneratorCn('array-dynamic-field');\n\ntype ArrayInput = ArrayTextInput | ArrayObjectInput;\n\ninterface ArrayFieldProps {\n title: string;\n values: Array<DynamicFormValue>;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: ArrayInput;\n className?: string;\n}\n\nconst ArrayDynamicField = ({title, values, onUpdate, className, blockConfig}: ArrayFieldProps) => {\n const haveItems = values && Array.isArray(values) && values.length;\n\n const onAddItem = React.useCallback(() => {\n if (blockConfig.arrayType === 'text') {\n onUpdate('', haveItems ? [...values, ''] : ['']);\n } else if (blockConfig.arrayType === 'object') {\n onUpdate('', haveItems ? [...values, {}] : [{}]);\n }\n }, [blockConfig.arrayType, haveItems, onUpdate, values]);\n\n const onDeleteItem = React.useCallback(\n (index: number) => {\n if (Array.isArray(values)) {\n const newArray = removeFromArray(values, index);\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const onReorderItem = React.useCallback(\n (index: number, placement: 'up' | 'down') => {\n if (Array.isArray(values)) {\n const newArray = swapArrayItems(\n values,\n index,\n placement === 'up' ? index - 1 : index + 1,\n );\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const renderInput = React.useCallback(\n (value: DynamicFormValue, index: number) => {\n const arrayItemButton = (\n <ItemButton\n onRemove={() => onDeleteItem(index)}\n onReorderUp={() => onReorderItem(index, 'up')}\n onReorderDown={() => onReorderItem(index, 'down')}\n disableReorderUp={index === 0}\n disableReorderDown={Boolean(haveItems) && values.length === index + 1}\n />\n );\n\n switch (blockConfig.arrayType) {\n case 'text': {\n return (\n <div className={b('row')}>\n <Text\n className={b('row-field')}\n value={String(value)}\n onUpdate={(updateValue) => onUpdate(`[${index}]`, updateValue)}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n />\n {arrayItemButton}\n </div>\n );\n }\n case 'object': {\n if (!blockConfig.properties) {\n return null;\n }\n return (\n <div key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>Item {index + 1}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value as object}\n blockConfig={blockConfig.properties}\n onUpdateByKey={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </div>\n );\n }\n default: {\n return null;\n }\n }\n },\n [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n );\n\n const renderInputs = React.useCallback(() => {\n if (haveItems) {\n const renderItems = values\n .map(renderInput)\n .filter(Boolean) as unknown as React.ReactNode[];\n return (\n <React.Fragment>\n {renderItems}\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n {blockConfig.buttonText}\n </Button>\n </React.Fragment>\n );\n } else {\n return (\n <div className={b('empty')}>\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n Please, add new item\n </Button>\n </div>\n );\n }\n }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n return (\n <FieldBase\n title={title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {renderInputs()}\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ArrowDown, ArrowUp, EllipsisVertical, TrashBin } from '@gravity-ui/icons';
3
3
  import { Button, Icon, Menu, Popup } from '@gravity-ui/uikit';
4
4
  import * as React from 'react';
5
- import { editorCn } from "../../../../../utils/cn.js";
6
- const b = editorCn('array-item-button');
5
+ import { formGeneratorCn } from "../../../../utils/cn.js";
6
+ const b = formGeneratorCn('array-item-button');
7
7
  const ItemButton = ({ className, onRemove, onReorderUp, onReorderDown, disableReorderUp = false, disableReorderDown = false, }) => {
8
8
  const buttonRef = React.useRef(null);
9
9
  const [isOpen, setIsOpen] = React.useState(false);
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemButton.js","sourceRoot":"../../../../../../../src","sources":["form-generator/components/Fields/Array/ItemButton/ItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,gCAA6B;AAErD,MAAM,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAW/C,MAAM,UAAU,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,GAAG,KAAK,GACZ,EAAE,EAAE;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAoB,EAAE,EAAE;QACtE,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,YACjF,KAAC,IAAI,IAAC,IAAI,EAAE,gBAAgB,GAAI,GAC3B,EACT,KAAC,KAAK,IACF,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAEtC,MAAC,IAAI,eACD,KAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EACzC,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,uBAG3B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,sBAAsB,CAAC,WAAW,CAAC,EAC5C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,GAAI,2BAG1B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAC9C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,6BAG5B,IACT,GACH,IACK,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {ArrowDown, ArrowUp, EllipsisVertical, TrashBin} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Popup} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {formGeneratorCn} from '../../../../utils/cn';\n\nconst b = formGeneratorCn('array-item-button');\n\ninterface ItemButtonProps {\n onRemove: () => void;\n onReorderUp: () => void;\n disableReorderUp?: boolean;\n onReorderDown: () => void;\n disableReorderDown?: boolean;\n className?: string;\n}\n\nconst ItemButton = ({\n className,\n onRemove,\n onReorderUp,\n onReorderDown,\n disableReorderUp = false,\n disableReorderDown = false,\n}: ItemButtonProps) => {\n const buttonRef = React.useRef(null);\n const [isOpen, setIsOpen] = React.useState(false);\n\n const onMenuItemClickWrapper = React.useCallback((callback: () => void) => {\n return () => {\n setIsOpen(false);\n callback();\n };\n }, []);\n\n return (\n <React.Fragment>\n <Button className={b(null, className)} ref={buttonRef} onClick={() => setIsOpen(true)}>\n <Icon data={EllipsisVertical} />\n </Button>\n <Popup\n placement={'bottom-end'}\n anchorRef={buttonRef}\n open={isOpen}\n onOutsideClick={() => setIsOpen(false)}\n >\n <Menu>\n <Menu.Item\n theme={'danger'}\n onClick={onMenuItemClickWrapper(onRemove)}\n iconStart={<Icon data={TrashBin} />}\n >\n Remove\n </Menu.Item>\n <Menu.Item\n disabled={disableReorderUp}\n onClick={onMenuItemClickWrapper(onReorderUp)}\n iconStart={<Icon data={ArrowUp} />}\n >\n Reorder Up\n </Menu.Item>\n <Menu.Item\n disabled={disableReorderDown}\n onClick={onMenuItemClickWrapper(onReorderDown)}\n iconStart={<Icon data={ArrowDown} />}\n >\n Reorder Down\n </Menu.Item>\n </Menu>\n </Popup>\n </React.Fragment>\n );\n};\n\nexport default ItemButton;\n"]}
@@ -0,0 +1,5 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-boolean-dynamic-field__switch {
4
+ margin-top: 5px;
5
+ }
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Switch } from '@gravity-ui/uikit';
3
- import { editorCn } from "../../../../utils/cn.js";
3
+ import { formGeneratorCn } from "../../../utils/cn.js";
4
4
  import FieldBase from "../../FieldBase/FieldBase.js";
5
5
  import './Boolean.css';
6
- const b = editorCn('boolean-dynamic-field');
6
+ const b = formGeneratorCn('boolean-dynamic-field');
7
7
  const BooleanDynamicField = ({ title, value, onUpdate, className }) => {
8
8
  return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(Switch, { className: b('switch'), checked: Boolean(value), onUpdate: onUpdate }) }));
9
9
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Boolean.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Boolean/Boolean.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,SAA4B,qCAAkC;AAErE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAQnD,MAAM,mBAAmB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAe,EAAE,EAAE;IAC9E,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import {Switch} from '@gravity-ui/uikit';\n\nimport {formGeneratorCn} from '../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Boolean.scss';\n\nconst b = formGeneratorCn('boolean-dynamic-field');\n\ninterface BooleanProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: boolean | undefined) => void;\n className?: string;\n}\n\nconst BooleanDynamicField = ({title, value, onUpdate, className}: BooleanProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <Switch className={b('switch')} checked={Boolean(value)} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default BooleanDynamicField;\n"]}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TextInput } from '@gravity-ui/uikit';
3
- import { editorCn } from "../../../../utils/cn.js";
3
+ import { formGeneratorCn } from "../../../utils/cn.js";
4
4
  import FieldBase from "../../FieldBase/FieldBase.js";
5
- const b = editorCn('number-dynamic-field');
5
+ const b = formGeneratorCn('number-dynamic-field');
6
6
  const NumberDynamicField = ({ title, value, onUpdate, className }) => {
7
7
  const onUpdateFunc = (updateValue) => {
8
8
  onUpdate(Number(updateValue));
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Number.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Number/Number.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAQlD,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QACzC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAI,GACjD,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {formGeneratorCn} from '../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = formGeneratorCn('number-dynamic-field');\n\ninterface NumberDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: number | undefined) => void;\n className?: string;\n}\n\nconst NumberDynamicField = ({title, value, onUpdate, className}: NumberDynamicFieldProps) => {\n const onUpdateFunc = (updateValue: string) => {\n onUpdate(Number(updateValue));\n };\n\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextInput value={value || ''} onUpdate={onUpdateFunc} />\n </FieldBase>\n );\n};\n\nexport default NumberDynamicField;\n"]}
@@ -1,4 +1,4 @@
1
- import { ConfigInput, DynamicFormValue } from "../../../../../common/types/index.js";
1
+ import { ConfigInput, DynamicFormValue } from "../../../types.js";
2
2
  import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
3
3
  interface ObjectDynamicFieldProps extends FieldBaseParams {
4
4
  value: object;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import DynamicForm from "../../DynamicForm.js";
2
+ import DynamicForm from "../../../FormGenerator.js";
3
3
  import FieldBase from "../../FieldBase/FieldBase.js";
4
4
  const ObjectDynamicField = ({ title, value, onUpdate, className, blockConfig, }) => {
5
5
  return (_jsx(FieldBase, { title: title, className: className, onRefresh: (updatedValue) => onUpdate('', updatedValue), expandable: true, children: _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig, onUpdateByKey: onUpdate }) }));
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Object.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Object/Object.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,kCAA+B;AACjD,OAAO,SAA4B,qCAAkC;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,EACvD,UAAU,kBAEV,KAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,GAAI,GAChF,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {ConfigInput, DynamicFormValue} from '../../../types';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: object;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: Array<ConfigInput>;\n className?: string;\n}\n\nconst ObjectDynamicField = ({\n title,\n value,\n onUpdate,\n className,\n blockConfig,\n}: ObjectDynamicFieldProps) => {\n return (\n <FieldBase\n title={title}\n className={className}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n expandable\n >\n <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdateByKey={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}
@@ -0,0 +1,8 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-oneof-dynamic-field__radio {
4
+ margin-bottom: 12px;
5
+ }
6
+ .pcformgenerator-oneof-dynamic-field__select {
7
+ min-width: 80px;
8
+ }
@@ -1,4 +1,4 @@
1
- import { DynamicFormValue, OneOfInput } from "../../../../../common/types/index.js";
1
+ import { DynamicFormValue, OneOfInput } from "../../../types.js";
2
2
  import './OneOf.css';
3
3
  interface OneOfDynamicFieldProps {
4
4
  contentConfig: DynamicFormValue;
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
3
3
  import * as React from 'react';
4
- import { editorCn } from "../../../../utils/cn.js";
5
- import DynamicForm from "../../DynamicForm.js";
4
+ import { formGeneratorCn } from "../../../utils/cn.js";
5
+ import DynamicForm from "../../../FormGenerator.js";
6
6
  import FieldBase from "../../FieldBase/FieldBase.js";
7
7
  import './OneOf.css';
8
- const b = editorCn('oneof-dynamic-field');
8
+ const b = formGeneratorCn('oneof-dynamic-field');
9
9
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
10
10
  const getOneOfContentConfig = (contentConfig, name) => {
11
11
  if (name) {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../types';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = formGeneratorCn('oneof-dynamic-field');\n\ninterface OneOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: OneOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getOneOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst OneOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: OneOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);\n\n const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);\n const oneOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundOneOfValue}) => foundOneOfValue === oneOfMetaValue,\n ),\n [inputConfig.options, oneOfMetaValue],\n );\n\n const onUpdateOneOf = React.useCallback((value: string) => {\n setOneOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue}\n onUpdate={onUpdateOneOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue ? [oneOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n className={b('select')}\n />\n )}\n {oneOfChosenOption && (\n <DynamicForm\n blockConfig={oneOfChosenOption.properties}\n contentConfig={oneOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}
@@ -0,0 +1,5 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .pcformgenerator-editor-select-field__select {
4
+ min-width: 80px;
5
+ }
@@ -1,4 +1,4 @@
1
- import { SelectMultipleInput, SelectSingleInput } from "../../../../../common/types/index.js";
1
+ import { SelectMultipleInput, SelectSingleInput } from "../../../types.js";
2
2
  import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
3
3
  import './Select.css';
4
4
  type SelectInput = SelectSingleInput | SelectMultipleInput;
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
3
- import { editorCn } from "../../../../utils/cn.js";
3
+ import { formGeneratorCn } from "../../../utils/cn.js";
4
4
  import FieldBase from "../../FieldBase/FieldBase.js";
5
5
  import './Select.css';
6
- const b = editorCn('editor-select-field');
6
+ const b = formGeneratorCn('editor-select-field');
7
7
  const SelectDynamicField = ({ input, value, onUpdate, className }) => {
8
8
  const inputView = input.view || 'radiobutton';
9
9
  const isMultiple = input.mode === 'multiple';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,SAA4B,qCAAkC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAWjD,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACH,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,CAAC,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CACvC,KAAC,MAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CACvB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAEnE,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,EAAE,UAAU,GACtB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAAC,UAAU,IAAI,CAC3C,KAAC,mBAAmB,IAChB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAC9C,QAAQ,EAAE,QAAQ,GACpB,CACL,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../types';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = formGeneratorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput | SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n input: SelectInput;\n value: string | string[];\n onUpdate: (value: string | string[] | undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view || 'radiobutton';\n const isMultiple = input.mode === 'multiple';\n const currentValue = Array.isArray(value) ? value : [value];\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {(inputView === 'select' || isMultiple) && (\n <Select\n placeholder={'Value'}\n value={value ? currentValue : []}\n onUpdate={(selectValues) =>\n isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0])\n }\n options={input.enum}\n className={b('select')}\n multiple={isMultiple}\n />\n )}\n {inputView === 'radiobutton' && !isMultiple && (\n <SegmentedRadioGroup\n options={input.enum}\n value={Array.isArray(value) ? value[0] : value}\n onUpdate={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TextInput } from '@gravity-ui/uikit';
3
- import { editorCn } from "../../../../utils/cn.js";
3
+ import { formGeneratorCn } from "../../../utils/cn.js";
4
4
  import FieldBase from "../../FieldBase/FieldBase.js";
5
- const b = editorCn('text-dynamic-field');
5
+ const b = formGeneratorCn('text-dynamic-field');
6
6
  const TextDynamicField = ({ title, value, onUpdate, className }) => {
7
7
  return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(TextInput, { value: value || '', onUpdate: onUpdate }) }));
8
8
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAQhD,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE;IACpF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC7C,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {formGeneratorCn} from '../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = formGeneratorCn('text-dynamic-field');\n\ninterface TextDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst TextDynamicField = ({title, value, onUpdate, className}: TextDynamicFieldProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextInput value={value || ''} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default TextDynamicField;\n"]}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TextArea } from '@gravity-ui/uikit';
3
- import { editorCn } from "../../../../utils/cn.js";
3
+ import { formGeneratorCn } from "../../../utils/cn.js";
4
4
  import FieldBase from "../../FieldBase/FieldBase.js";
5
- const b = editorCn('textarea-dynamic-field');
5
+ const b = formGeneratorCn('textarea-dynamic-field');
6
6
  const TextAreaDynamicField = ({ title, value, onUpdate, className }) => {
7
7
  return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(TextArea, { minRows: 5, maxRows: 20, value: value || '', onUpdate: onUpdate }) }));
8
8
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAQpD,MAAM,oBAAoB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAE,EAAE;IAC5F,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACrE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {TextArea} from '@gravity-ui/uikit';\n\nimport {formGeneratorCn} from '../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = formGeneratorCn('textarea-dynamic-field');\n\ninterface TextAreaDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst TextAreaDynamicField = ({title, value, onUpdate, className}: TextAreaDynamicFieldProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextArea minRows={5} maxRows={20} value={value || ''} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default TextAreaDynamicField;\n"]}
@@ -1,7 +1,2 @@
1
- export * from "./components/ArrayFieldRenderer/ArrayFieldRenderer.js";
2
- export * from "./components/SelectFieldRenderer/SelectFieldRenderer.js";
3
- export * from "./components/OptionsRenderer/OptionsRenderer.js";
4
- export * from "./components/FormBuilder/FormBuilder.js";
5
- export * from "./hooks/FormContext.js";
6
- export * from "./hooks/useFormFields.js";
7
- export * from "./hooks/types.js";
1
+ export * from "./FormGenerator.js";
2
+ export * from "./types.js";
@@ -1,8 +1,3 @@
1
- export * from "./components/ArrayFieldRenderer/ArrayFieldRenderer.js";
2
- export * from "./components/SelectFieldRenderer/SelectFieldRenderer.js";
3
- export * from "./components/OptionsRenderer/OptionsRenderer.js";
4
- export * from "./components/FormBuilder/FormBuilder.js";
5
- export * from "./hooks/FormContext.js";
6
- export * from "./hooks/useFormFields.js";
7
- export * from "./hooks/types.js";
1
+ export * from "./FormGenerator.js";
2
+ export * from "./types.js";
8
3
  //# sourceMappingURL=index.js.map