@gravity-ui/page-constructor 6.3.2-alpha.2 → 6.3.2-alpha.5

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 (262) 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/Header/dynamic-form.d.ts +1 -1
  4. package/build/cjs/blocks/Header/dynamic-form.js.map +1 -1
  5. package/build/cjs/blocks/Slider/dynamic-form.d.ts +1 -1
  6. package/build/cjs/blocks/Slider/dynamic-form.js.map +1 -1
  7. package/build/cjs/blocks/TestEditorBlock/form.d.ts +1 -1
  8. package/build/cjs/blocks/TestEditorBlock/form.js.map +1 -1
  9. package/build/cjs/common/postMessage.d.ts +4 -0
  10. package/build/cjs/common/postMessage.js +31 -0
  11. package/build/cjs/common/postMessage.js.map +1 -0
  12. package/build/cjs/common/store.d.ts +40 -0
  13. package/build/cjs/common/store.js +20 -0
  14. package/build/cjs/common/store.js.map +1 -0
  15. package/build/cjs/common/types/actions.d.ts +36 -0
  16. package/build/cjs/common/types/actions.js +3 -0
  17. package/build/cjs/common/types/actions.js.map +1 -0
  18. package/build/cjs/common/types/common.d.ts +5 -0
  19. package/build/cjs/common/types/common.js +3 -0
  20. package/build/cjs/common/types/common.js.map +1 -0
  21. package/build/cjs/common/types/forms.d.ts +97 -0
  22. package/build/cjs/common/types/forms.js +3 -0
  23. package/build/cjs/common/types/forms.js.map +1 -0
  24. package/build/cjs/common/types/index.d.ts +4 -0
  25. package/build/cjs/common/types/index.js +8 -0
  26. package/build/cjs/common/types/index.js.map +1 -0
  27. package/build/cjs/common/types/messages.d.ts +9 -0
  28. package/build/cjs/common/types/messages.js +3 -0
  29. package/build/cjs/common/types/messages.js.map +1 -0
  30. package/build/cjs/common/utils.d.ts +25 -0
  31. package/build/cjs/common/utils.js +22 -0
  32. package/build/cjs/common/utils.js.map +1 -0
  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/constructor-items.d.ts +1 -1
  36. package/build/cjs/constructor-items.js.map +1 -1
  37. package/build/cjs/context/editorStoreContext/PCEditorStoreContext.d.ts +1 -1
  38. package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js +1 -1
  39. package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js.map +1 -1
  40. package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js +1 -1
  41. package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js.map +1 -1
  42. package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.d.ts +1 -1
  43. package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js.map +1 -1
  44. package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.css +8 -19
  45. package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js +7 -3
  46. package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +1 -1
  47. package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.d.ts +1 -1
  48. package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +1 -1
  49. package/build/cjs/editor-v2/components/DynamicForm/Fields/Object/Object.d.ts +1 -1
  50. package/build/cjs/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +1 -1
  51. package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.d.ts +1 -1
  52. package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +1 -1
  53. package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.d.ts +1 -1
  54. package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +1 -1
  55. package/build/cjs/editor-v2/components/DynamicForm/utils.d.ts +1 -1
  56. package/build/cjs/editor-v2/components/DynamicForm/utils.js.map +1 -1
  57. package/build/cjs/editor-v2/components/Panels/Panels.css +0 -13
  58. package/build/cjs/editor-v2/components/Sidebar/Sidebar.css +3 -13
  59. package/build/cjs/editor-v2/components/Tabs/Tabs.css +7 -2
  60. package/build/cjs/editor-v2/containers/BigOverlay/BigOverlay.css +0 -13
  61. package/build/cjs/editor-v2/containers/BigOverlay/BigOverlay.js +1 -1
  62. package/build/cjs/editor-v2/containers/BigOverlay/BigOverlay.js.map +1 -1
  63. package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.css +20 -0
  64. package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.d.ts +5 -0
  65. package/build/cjs/editor-v2/containers/{BlockConfig/BlockConfig.js → BlockConfigForm/BlockConfigForm.js} +4 -4
  66. package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -0
  67. package/build/cjs/editor-v2/containers/BlocksList/BlocksList.css +3 -16
  68. package/build/cjs/editor-v2/containers/BlocksList/BlocksList.js.map +1 -1
  69. package/build/cjs/editor-v2/containers/Editor/Editor.css +0 -13
  70. package/build/cjs/editor-v2/containers/Editor/Editor.d.ts +1 -0
  71. package/build/cjs/editor-v2/containers/Editor/Editor.js +5 -4
  72. package/build/cjs/editor-v2/containers/Editor/Editor.js.map +1 -1
  73. package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.css +2 -17
  74. package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
  75. package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.css +11 -15
  76. package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.js +5 -4
  77. package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.js.map +1 -1
  78. package/build/cjs/editor-v2/containers/Overlay/Overlay.css +29 -22
  79. package/build/cjs/editor-v2/containers/Overlay/Overlay.js +2 -2
  80. package/build/cjs/editor-v2/containers/Overlay/Overlay.js.map +1 -1
  81. package/build/cjs/editor-v2/containers/Source/Source.css +0 -13
  82. package/build/cjs/editor-v2/containers/SourceCode/SourceCode.css +1 -14
  83. package/build/cjs/editor-v2/containers/Tree/DragContext.css +2 -15
  84. package/build/cjs/editor-v2/containers/Tree/Tree.css +0 -13
  85. package/build/cjs/editor-v2/containers/Tree/TreeContent.css +0 -16
  86. package/build/cjs/editor-v2/containers/Tree/TreeItem.css +1 -17
  87. package/build/cjs/editor-v2/containers/ViewSwitches/ViewSwitches.css +3 -13
  88. package/build/cjs/editor-v2/containers/ViewSwitches/ViewSwitches.js +1 -1
  89. package/build/cjs/editor-v2/containers/ViewSwitches/ViewSwitches.js.map +1 -1
  90. package/build/cjs/editor-v2/containers/index.d.ts +7 -0
  91. package/build/cjs/editor-v2/containers/index.js +19 -0
  92. package/build/cjs/editor-v2/containers/index.js.map +1 -0
  93. package/build/cjs/editor-v2/context/editorStore/MainEditorStoreProvider.js +1 -1
  94. package/build/cjs/editor-v2/context/editorStore/MainEditorStoreProvider.js.map +1 -1
  95. package/build/cjs/editor-v2/hooks/index.d.ts +2 -0
  96. package/build/cjs/editor-v2/hooks/index.js +8 -0
  97. package/build/cjs/editor-v2/hooks/index.js.map +1 -0
  98. package/build/cjs/editor-v2/hooks/useEditorTabs.js +2 -2
  99. package/build/cjs/editor-v2/hooks/useEditorTabs.js.map +1 -1
  100. package/build/cjs/editor-v2/hooks/useMainEditorInitialize.d.ts +2 -1
  101. package/build/cjs/editor-v2/hooks/useMainEditorInitialize.js +13 -3
  102. package/build/cjs/editor-v2/hooks/useMainEditorInitialize.js.map +1 -1
  103. package/build/cjs/editor-v2/hooks/usePostMessageEvents.d.ts +1 -1
  104. package/build/cjs/editor-v2/hooks/usePostMessageEvents.js +1 -1
  105. package/build/cjs/editor-v2/hooks/usePostMessageEvents.js.map +1 -1
  106. package/build/cjs/editor-v2/index.d.ts +5 -2
  107. package/build/cjs/editor-v2/index.js +5 -4
  108. package/build/cjs/editor-v2/index.js.map +1 -1
  109. package/build/cjs/editor-v2/store.d.ts +2 -2
  110. package/build/cjs/editor-v2/store.js +2 -2
  111. package/build/cjs/editor-v2/store.js.map +1 -1
  112. package/build/cjs/editor-v2/styles/root.css +3 -6
  113. package/build/cjs/editor-v2/utils/index.d.ts +2 -0
  114. package/build/cjs/editor-v2/utils/index.js +2 -0
  115. package/build/cjs/editor-v2/utils/index.js.map +1 -1
  116. package/build/cjs/hooks/usePCEditorInitializeEvents.js.map +1 -1
  117. package/build/cjs/hooks/usePCEditorStore.d.ts +1 -1
  118. package/build/cjs/hooks/usePostMessageAPI.d.ts +1 -1
  119. package/build/cjs/hooks/usePostMessageAPI.js.map +1 -1
  120. package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
  121. package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
  122. package/build/cjs/utils/form-generator.d.ts +1 -1
  123. package/build/cjs/utils/form-generator.js.map +1 -1
  124. package/build/esm/blocks/CardLayout/index.d.ts +1 -1
  125. package/build/esm/blocks/CardLayout/index.js.map +1 -1
  126. package/build/esm/blocks/Header/dynamic-form.d.ts +1 -1
  127. package/build/esm/blocks/Header/dynamic-form.js.map +1 -1
  128. package/build/esm/blocks/Slider/dynamic-form.d.ts +1 -1
  129. package/build/esm/blocks/Slider/dynamic-form.js.map +1 -1
  130. package/build/esm/blocks/TestEditorBlock/form.d.ts +1 -1
  131. package/build/esm/blocks/TestEditorBlock/form.js.map +1 -1
  132. package/build/esm/common/postMessage.d.ts +4 -0
  133. package/build/esm/common/postMessage.js +25 -0
  134. package/build/esm/common/postMessage.js.map +1 -0
  135. package/build/esm/common/store.d.ts +40 -0
  136. package/build/esm/common/store.js +17 -0
  137. package/build/esm/common/store.js.map +1 -0
  138. package/build/esm/common/types/actions.d.ts +36 -0
  139. package/build/esm/common/types/actions.js +2 -0
  140. package/build/esm/common/types/actions.js.map +1 -0
  141. package/build/esm/common/types/common.d.ts +5 -0
  142. package/build/esm/common/types/common.js +2 -0
  143. package/build/esm/common/types/common.js.map +1 -0
  144. package/build/esm/common/types/forms.d.ts +97 -0
  145. package/build/esm/common/types/forms.js +2 -0
  146. package/build/esm/common/types/forms.js.map +1 -0
  147. package/build/esm/common/types/index.d.ts +4 -0
  148. package/build/esm/common/types/index.js +5 -0
  149. package/build/esm/common/types/index.js.map +1 -0
  150. package/build/esm/common/types/messages.d.ts +9 -0
  151. package/build/esm/common/types/messages.js +2 -0
  152. package/build/esm/common/types/messages.js.map +1 -0
  153. package/build/esm/common/utils.d.ts +25 -0
  154. package/build/esm/common/utils.js +17 -0
  155. package/build/esm/common/utils.js.map +1 -0
  156. package/build/esm/components/Image/dynamic-form.d.ts +1 -1
  157. package/build/esm/components/Image/dynamic-form.js.map +1 -1
  158. package/build/esm/constructor-items.d.ts +1 -1
  159. package/build/esm/constructor-items.js.map +1 -1
  160. package/build/esm/context/editorStoreContext/PCEditorStoreContext.d.ts +1 -1
  161. package/build/esm/context/editorStoreContext/PCEditorStoreContext.js +1 -1
  162. package/build/esm/context/editorStoreContext/PCEditorStoreContext.js.map +1 -1
  163. package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js +1 -1
  164. package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js.map +1 -1
  165. package/build/esm/editor-v2/components/DynamicForm/DynamicForm.d.ts +1 -1
  166. package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js.map +1 -1
  167. package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.css +8 -19
  168. package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js +8 -4
  169. package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +1 -1
  170. package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.d.ts +1 -1
  171. package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +1 -1
  172. package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.d.ts +1 -1
  173. package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +1 -1
  174. package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.d.ts +1 -1
  175. package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +1 -1
  176. package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.d.ts +1 -1
  177. package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +1 -1
  178. package/build/esm/editor-v2/components/DynamicForm/utils.d.ts +1 -1
  179. package/build/esm/editor-v2/components/DynamicForm/utils.js.map +1 -1
  180. package/build/esm/editor-v2/components/Panels/Panels.css +0 -13
  181. package/build/esm/editor-v2/components/Sidebar/Sidebar.css +3 -13
  182. package/build/esm/editor-v2/components/Tabs/Tabs.css +7 -2
  183. package/build/esm/editor-v2/containers/BigOverlay/BigOverlay.css +0 -13
  184. package/build/esm/editor-v2/containers/BigOverlay/BigOverlay.js +1 -1
  185. package/build/esm/editor-v2/containers/BigOverlay/BigOverlay.js.map +1 -1
  186. package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.css +20 -0
  187. package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.d.ts +6 -0
  188. package/build/esm/editor-v2/containers/{BlockConfig/BlockConfig.js → BlockConfigForm/BlockConfigForm.js} +5 -5
  189. package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -0
  190. package/build/esm/editor-v2/containers/BlocksList/BlocksList.css +3 -16
  191. package/build/esm/editor-v2/containers/BlocksList/BlocksList.js.map +1 -1
  192. package/build/esm/editor-v2/containers/Editor/Editor.css +0 -13
  193. package/build/esm/editor-v2/containers/Editor/Editor.d.ts +1 -0
  194. package/build/esm/editor-v2/containers/Editor/Editor.js +5 -4
  195. package/build/esm/editor-v2/containers/Editor/Editor.js.map +1 -1
  196. package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.css +2 -17
  197. package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
  198. package/build/esm/editor-v2/containers/MiddleScreen/MiddleScreen.css +11 -15
  199. package/build/esm/editor-v2/containers/MiddleScreen/MiddleScreen.js +5 -4
  200. package/build/esm/editor-v2/containers/MiddleScreen/MiddleScreen.js.map +1 -1
  201. package/build/esm/editor-v2/containers/Overlay/Overlay.css +29 -22
  202. package/build/esm/editor-v2/containers/Overlay/Overlay.js +2 -2
  203. package/build/esm/editor-v2/containers/Overlay/Overlay.js.map +1 -1
  204. package/build/esm/editor-v2/containers/Source/Source.css +0 -13
  205. package/build/esm/editor-v2/containers/SourceCode/SourceCode.css +1 -14
  206. package/build/esm/editor-v2/containers/Tree/DragContext.css +2 -15
  207. package/build/esm/editor-v2/containers/Tree/Tree.css +0 -13
  208. package/build/esm/editor-v2/containers/Tree/TreeContent.css +0 -16
  209. package/build/esm/editor-v2/containers/Tree/TreeItem.css +1 -17
  210. package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.css +3 -13
  211. package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.js +1 -1
  212. package/build/esm/editor-v2/containers/ViewSwitches/ViewSwitches.js.map +1 -1
  213. package/build/esm/editor-v2/containers/index.d.ts +7 -0
  214. package/build/esm/editor-v2/containers/index.js +8 -0
  215. package/build/esm/editor-v2/containers/index.js.map +1 -0
  216. package/build/esm/editor-v2/context/editorStore/MainEditorStoreProvider.js +1 -1
  217. package/build/esm/editor-v2/context/editorStore/MainEditorStoreProvider.js.map +1 -1
  218. package/build/esm/editor-v2/hooks/index.d.ts +2 -0
  219. package/build/esm/editor-v2/hooks/index.js +3 -0
  220. package/build/esm/editor-v2/hooks/index.js.map +1 -0
  221. package/build/esm/editor-v2/hooks/useEditorTabs.js +2 -2
  222. package/build/esm/editor-v2/hooks/useEditorTabs.js.map +1 -1
  223. package/build/esm/editor-v2/hooks/useMainEditorInitialize.d.ts +2 -1
  224. package/build/esm/editor-v2/hooks/useMainEditorInitialize.js +12 -3
  225. package/build/esm/editor-v2/hooks/useMainEditorInitialize.js.map +1 -1
  226. package/build/esm/editor-v2/hooks/usePostMessageEvents.d.ts +1 -1
  227. package/build/esm/editor-v2/hooks/usePostMessageEvents.js +1 -1
  228. package/build/esm/editor-v2/hooks/usePostMessageEvents.js.map +1 -1
  229. package/build/esm/editor-v2/index.d.ts +5 -2
  230. package/build/esm/editor-v2/index.js +5 -2
  231. package/build/esm/editor-v2/index.js.map +1 -1
  232. package/build/esm/editor-v2/store.d.ts +2 -2
  233. package/build/esm/editor-v2/store.js +2 -2
  234. package/build/esm/editor-v2/store.js.map +1 -1
  235. package/build/esm/editor-v2/styles/root.css +3 -6
  236. package/build/esm/editor-v2/utils/index.d.ts +2 -0
  237. package/build/esm/editor-v2/utils/index.js +2 -0
  238. package/build/esm/editor-v2/utils/index.js.map +1 -1
  239. package/build/esm/hooks/usePCEditorInitializeEvents.js.map +1 -1
  240. package/build/esm/hooks/usePCEditorStore.d.ts +1 -1
  241. package/build/esm/hooks/usePostMessageAPI.d.ts +1 -1
  242. package/build/esm/hooks/usePostMessageAPI.js.map +1 -1
  243. package/build/esm/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
  244. package/build/esm/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
  245. package/build/esm/utils/form-generator.d.ts +1 -1
  246. package/build/esm/utils/form-generator.js.map +1 -1
  247. package/package.json +1 -2
  248. package/widget/index.js +1 -1
  249. package/build/cjs/editor-v2/components/StoreViewer/StoreViewer.css +0 -29
  250. package/build/cjs/editor-v2/components/StoreViewer/StoreViewer.d.ts +0 -6
  251. package/build/cjs/editor-v2/components/StoreViewer/StoreViewer.js +0 -17
  252. package/build/cjs/editor-v2/components/StoreViewer/StoreViewer.js.map +0 -1
  253. package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.css +0 -33
  254. package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.d.ts +0 -5
  255. package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.js.map +0 -1
  256. package/build/esm/editor-v2/components/StoreViewer/StoreViewer.css +0 -29
  257. package/build/esm/editor-v2/components/StoreViewer/StoreViewer.d.ts +0 -7
  258. package/build/esm/editor-v2/components/StoreViewer/StoreViewer.js +0 -15
  259. package/build/esm/editor-v2/components/StoreViewer/StoreViewer.js.map +0 -1
  260. package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.css +0 -33
  261. package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.d.ts +0 -6
  262. package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.js.map +0 -1
@@ -0,0 +1,9 @@
1
+ import { EditorState } from "../store.js";
2
+ import { MessageTypes } from "./actions.js";
3
+ export type PostMessageAPIMessage<K extends keyof MessageTypes> = {
4
+ action: K;
5
+ data: MessageTypes[K];
6
+ };
7
+ export type StoreSyncMessage = {
8
+ state: EditorState;
9
+ };
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=messages.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"messages.js","sourceRoot":"../../../../src","sources":["common/types/messages.ts"],"names":[],"mappings":"","sourcesContent":["import {EditorState} from '../store';\n\nimport {MessageTypes} from './actions';\n\nexport type PostMessageAPIMessage<K extends keyof MessageTypes> = {\n action: K;\n data: MessageTypes[K];\n};\n\nexport type StoreSyncMessage = {\n state: EditorState;\n};\n"]}
@@ -0,0 +1,25 @@
1
+ import { StoreApi } from 'zustand';
2
+ export declare function initializeStore<State extends {}, Methods extends {} = {}>(initialState: State, methods: (set: StoreApi<State & Methods>['setState'], get: StoreApi<State & Methods>['getState']) => Methods): (overrideInitialState?: Partial<State>) => import("zustand").UseBoundStore<Omit<Omit<Omit<StoreApi<State & Methods>, "subscribe"> & {
3
+ subscribe: {
4
+ (listener: (selectedState: State & Methods, previousSelectedState: State & Methods) => void): () => void;
5
+ <U>(selector: (state: State & Methods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
6
+ equalityFn?: ((a: U, b: U) => boolean) | undefined;
7
+ fireImmediately?: boolean;
8
+ } | undefined): () => void;
9
+ };
10
+ }, "setState"> & {
11
+ setState<A extends string | {
12
+ type: string;
13
+ }>(partial: (State & Methods) | Partial<State & Methods> | ((state: State & Methods) => (State & Methods) | Partial<State & Methods>), replace?: boolean | undefined, action?: A | undefined): void;
14
+ }, "persist"> & {
15
+ persist: {
16
+ setOptions: (options: Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>) => void;
17
+ clearStorage: () => void;
18
+ rehydrate: () => Promise<void> | void;
19
+ hasHydrated: () => boolean;
20
+ onHydrate: (fn: (state: State & Methods) => void) => () => void;
21
+ onFinishHydration: (fn: (state: State & Methods) => void) => () => void;
22
+ getOptions: () => Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>;
23
+ };
24
+ }>;
25
+ export declare const removeFn: (object: object) => any;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.removeFn = void 0;
4
+ exports.initializeStore = initializeStore;
5
+ const zustand_1 = require("zustand");
6
+ const middleware_1 = require("zustand/middleware");
7
+ function initializeStore(initialState, methods) {
8
+ return (overrideInitialState) => {
9
+ return (0, zustand_1.create)((0, middleware_1.subscribeWithSelector)((0, middleware_1.devtools)((set, get) => {
10
+ return {
11
+ ...initialState,
12
+ ...overrideInitialState,
13
+ ...methods(set, get),
14
+ };
15
+ })));
16
+ };
17
+ }
18
+ const removeFn = (object) => {
19
+ return JSON.parse(JSON.stringify(object));
20
+ };
21
+ exports.removeFn = removeFn;
22
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["common/utils.ts"],"names":[],"mappings":";;;AAGA,0CA2BC;AA9BD,qCAAyC;AACzC,mDAAmE;AAEnE,SAAgB,eAAe,CAC3B,YAAmB,EACnB,OAGY;IAEZ,OAAO,CAAC,oBAAqC,EAAE,EAAE;QAC7C,OAAO,IAAA,gBAAM,EAQT,IAAA,kCAAqB,EACjB,IAAA,qBAAQ,EAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAClB,OAAO;gBACH,GAAG,YAAY;gBACf,GAAG,oBAAoB;gBACvB,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;aACvB,CAAC;QACN,CAAC,CAAC,CACL,CACJ,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAEM,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB","sourcesContent":["import {StoreApi, create} from 'zustand';\nimport {devtools, subscribeWithSelector} from 'zustand/middleware';\n\nexport function initializeStore<State extends {}, Methods extends {} = {}>(\n initialState: State,\n methods: (\n set: StoreApi<State & Methods>['setState'],\n get: StoreApi<State & Methods>['getState'],\n ) => Methods,\n) {\n return (overrideInitialState?: Partial<State>) => {\n return create<\n State & Methods,\n [\n ['zustand/subscribeWithSelector', State & Methods],\n ['zustand/devtools', never],\n ['zustand/persist', State & Methods],\n ]\n >(\n subscribeWithSelector(\n devtools((set, get) => {\n return {\n ...initialState,\n ...overrideInitialState,\n ...methods(set, get),\n };\n }),\n ),\n );\n };\n}\n\nexport const removeFn = (object: object) => {\n return JSON.parse(JSON.stringify(object));\n};\n"]}
@@ -1,2 +1,2 @@
1
- import { ConfigInput } from "../../../common/types/index.js";
1
+ import { ConfigInput } from "../../common/types/index.js";
2
2
  export declare const imageInputs: ConfigInput[];
@@ -1 +1 @@
1
- {"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAES,QAAA,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n {\n type: 'text',\n name: 'alt',\n title: 'Alternative',\n },\n {\n type: 'boolean',\n name: 'disableCompress',\n title: 'Disable Compress',\n },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n {\n type: 'text',\n name: 'style.backgroundColor',\n title: 'Background Color',\n },\n {\n type: 'text',\n name: 'style.height',\n title: 'Height',\n },\n {\n type: 'text',\n name: 'style.width',\n title: 'Width',\n },\n {\n type: 'text',\n name: 'style.color',\n title: 'Color',\n },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n type: 'text',\n title: _.capitalize(device),\n name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n {\n type: 'oneOf',\n name: '',\n key: 'imageType',\n title: 'Image Type',\n options: [\n {\n title: 'Simple',\n value: 'simple',\n properties: [\n {\n type: 'text',\n name: '', // image props\n title: 'Image URL',\n },\n ],\n },\n {\n title: 'Complex',\n value: 'complex',\n properties: [\n {\n type: 'text',\n name: 'src',\n title: 'Source',\n },\n ...imageStyleInputs,\n ...imageBaseInputs,\n ],\n },\n {\n title: 'Device Based',\n value: 'deviseBased',\n properties: [...devicesInputs, ...imageBaseInputs],\n },\n ],\n },\n];\n"]}
1
+ {"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAES,QAAA,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n {\n type: 'text',\n name: 'alt',\n title: 'Alternative',\n },\n {\n type: 'boolean',\n name: 'disableCompress',\n title: 'Disable Compress',\n },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n {\n type: 'text',\n name: 'style.backgroundColor',\n title: 'Background Color',\n },\n {\n type: 'text',\n name: 'style.height',\n title: 'Height',\n },\n {\n type: 'text',\n name: 'style.width',\n title: 'Width',\n },\n {\n type: 'text',\n name: 'style.color',\n title: 'Color',\n },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n type: 'text',\n title: _.capitalize(device),\n name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n {\n type: 'oneOf',\n name: '',\n key: 'imageType',\n title: 'Image Type',\n options: [\n {\n title: 'Simple',\n value: 'simple',\n properties: [\n {\n type: 'text',\n name: '', // image props\n title: 'Image URL',\n },\n ],\n },\n {\n title: 'Complex',\n value: 'complex',\n properties: [\n {\n type: 'text',\n name: 'src',\n title: 'Source',\n },\n ...imageStyleInputs,\n ...imageBaseInputs,\n ],\n },\n {\n title: 'Device Based',\n value: 'deviseBased',\n properties: [...devicesInputs, ...imageBaseInputs],\n },\n ],\n },\n];\n"]}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { BlockConfig } from "../common/types/index.js";
2
+ import { BlockConfig } from "./common/types/index.js";
3
3
  /**
4
4
  * TODO: remove it
5
5
  * @deprecated use blockDataMap
@@ -1 +1 @@
1
- {"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from '../common/types';\n\nimport {\n BannerBlock,\n CardLayoutBlock,\n CompaniesBlock,\n ContentLayoutBlock,\n ExtendedFeaturesBlock,\n FilterBlock,\n FormBlock,\n HeaderBlock,\n HeaderSliderBlock,\n IconsBlock,\n InfoBlock,\n MapBlock,\n MediaBlock,\n PromoFeaturesBlock,\n QuestionsBlock,\n ShareBlock,\n SliderBlock,\n TableBlock,\n TabsBlock,\n} from './blocks';\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\nimport FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport TestEditorBlockConfig from './blocks/TestEditorBlock';\nimport TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {GithubButton, NavigationButton, NavigationDropdown, NavigationLink} from './navigation';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n BackgroundCard,\n BannerCard,\n BasicCard,\n Content,\n Divider,\n ImageCard,\n LayoutItem,\n MediaCard,\n PriceCard,\n PriceDetailed,\n Quote,\n} from './sub-blocks';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport PriceDetailedConfig from './sub-blocks/PriceDetailed';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const blockMap = {\n [BlockType.SliderBlock]: SliderBlock,\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n [BlockType.QuestionsBlock]: QuestionsBlock,\n [BlockType.BannerBlock]: BannerBlock,\n [BlockType.CompaniesBlock]: CompaniesBlock,\n [BlockType.MediaBlock]: MediaBlock,\n [BlockType.InfoBlock]: InfoBlock,\n [BlockType.TableBlock]: TableBlock,\n [BlockType.TabsBlock]: TabsBlock,\n [BlockType.HeaderBlock]: HeaderBlock,\n [BlockType.IconsBlock]: IconsBlock,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n [BlockType.CardLayoutBlock]: CardLayoutBlock,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n [BlockType.ShareBlock]: ShareBlock,\n [BlockType.MapBlock]: MapBlock,\n [BlockType.FilterBlock]: FilterBlock,\n [BlockType.FormBlock]: FormBlock,\n // unstable\n [BlockType.SliderNewBlock]: SliderNewBlock,\n [BlockType.TestEditorBlock]: TestEditorBlock,\n};\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {\n [SubBlockType.Divider]: Divider,\n [SubBlockType.PriceDetailed]: PriceDetailed,\n [SubBlockType.MediaCard]: MediaCard,\n [SubBlockType.BannerCard]: BannerCard,\n [SubBlockType.LayoutItem]: LayoutItem,\n [SubBlockType.BackgroundCard]: BackgroundCard,\n [SubBlockType.BasicCard]: BasicCard,\n [SubBlockType.Content]: Content,\n [SubBlockType.Quote]: Quote,\n [SubBlockType.PriceCard]: PriceCard,\n [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n [NavigationItemType.Button]: NavigationButton,\n [NavigationItemType.Social]: SocialIcon,\n [NavigationItemType.Dropdown]: NavigationDropdown,\n [NavigationItemType.Link]: NavigationLink,\n [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n // TODO: remove any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n component: React.ComponentType<any>;\n schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n [BlockType.BannerBlock]: BannerBlockConfig,\n [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n [BlockType.MediaBlock]: MediaBlockConfig,\n [BlockType.InfoBlock]: InfoBlockConfig,\n [BlockType.TableBlock]: TableBlockConfig,\n [BlockType.TabsBlock]: TabsBlockConfig,\n [BlockType.HeaderBlock]: HeaderBlockConfig,\n [BlockType.IconsBlock]: IconsBlockConfig,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n [BlockType.ShareBlock]: ShareBlockConfig,\n [BlockType.MapBlock]: MapBlockConfig,\n [BlockType.FilterBlock]: FilterBlockConfig,\n [BlockType.FormBlock]: FormBlockConfig,\n [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n [BlockType.SliderBlock]: SliderBlockConfig,\n\n [SubBlockType.Divider]: DividerConfig,\n [SubBlockType.PriceDetailed]: PriceDetailedConfig,\n [SubBlockType.MediaCard]: MediaCardConfig,\n [SubBlockType.BannerCard]: BannerCardConfig,\n [SubBlockType.LayoutItem]: LayoutItemConfig,\n [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n [SubBlockType.BasicCard]: BasicCardConfig,\n [SubBlockType.Content]: ContentConfig,\n [SubBlockType.Quote]: QuoteConfig,\n [SubBlockType.PriceCard]: PriceCardConfig,\n [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}
1
+ {"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from './common/types';\n\nimport {\n BannerBlock,\n CardLayoutBlock,\n CompaniesBlock,\n ContentLayoutBlock,\n ExtendedFeaturesBlock,\n FilterBlock,\n FormBlock,\n HeaderBlock,\n HeaderSliderBlock,\n IconsBlock,\n InfoBlock,\n MapBlock,\n MediaBlock,\n PromoFeaturesBlock,\n QuestionsBlock,\n ShareBlock,\n SliderBlock,\n TableBlock,\n TabsBlock,\n} from './blocks';\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\nimport FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport TestEditorBlockConfig from './blocks/TestEditorBlock';\nimport TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {GithubButton, NavigationButton, NavigationDropdown, NavigationLink} from './navigation';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n BackgroundCard,\n BannerCard,\n BasicCard,\n Content,\n Divider,\n ImageCard,\n LayoutItem,\n MediaCard,\n PriceCard,\n PriceDetailed,\n Quote,\n} from './sub-blocks';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport PriceDetailedConfig from './sub-blocks/PriceDetailed';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const blockMap = {\n [BlockType.SliderBlock]: SliderBlock,\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n [BlockType.QuestionsBlock]: QuestionsBlock,\n [BlockType.BannerBlock]: BannerBlock,\n [BlockType.CompaniesBlock]: CompaniesBlock,\n [BlockType.MediaBlock]: MediaBlock,\n [BlockType.InfoBlock]: InfoBlock,\n [BlockType.TableBlock]: TableBlock,\n [BlockType.TabsBlock]: TabsBlock,\n [BlockType.HeaderBlock]: HeaderBlock,\n [BlockType.IconsBlock]: IconsBlock,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n [BlockType.CardLayoutBlock]: CardLayoutBlock,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n [BlockType.ShareBlock]: ShareBlock,\n [BlockType.MapBlock]: MapBlock,\n [BlockType.FilterBlock]: FilterBlock,\n [BlockType.FormBlock]: FormBlock,\n // unstable\n [BlockType.SliderNewBlock]: SliderNewBlock,\n [BlockType.TestEditorBlock]: TestEditorBlock,\n};\n\n/**\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {\n [SubBlockType.Divider]: Divider,\n [SubBlockType.PriceDetailed]: PriceDetailed,\n [SubBlockType.MediaCard]: MediaCard,\n [SubBlockType.BannerCard]: BannerCard,\n [SubBlockType.LayoutItem]: LayoutItem,\n [SubBlockType.BackgroundCard]: BackgroundCard,\n [SubBlockType.BasicCard]: BasicCard,\n [SubBlockType.Content]: Content,\n [SubBlockType.Quote]: Quote,\n [SubBlockType.PriceCard]: PriceCard,\n [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n [NavigationItemType.Button]: NavigationButton,\n [NavigationItemType.Social]: SocialIcon,\n [NavigationItemType.Dropdown]: NavigationDropdown,\n [NavigationItemType.Link]: NavigationLink,\n [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n // TODO: remove any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n component: React.ComponentType<any>;\n schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n [BlockType.BannerBlock]: BannerBlockConfig,\n [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n [BlockType.MediaBlock]: MediaBlockConfig,\n [BlockType.InfoBlock]: InfoBlockConfig,\n [BlockType.TableBlock]: TableBlockConfig,\n [BlockType.TabsBlock]: TabsBlockConfig,\n [BlockType.HeaderBlock]: HeaderBlockConfig,\n [BlockType.IconsBlock]: IconsBlockConfig,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n [BlockType.ShareBlock]: ShareBlockConfig,\n [BlockType.MapBlock]: MapBlockConfig,\n [BlockType.FilterBlock]: FilterBlockConfig,\n [BlockType.FormBlock]: FormBlockConfig,\n [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n [BlockType.SliderBlock]: SliderBlockConfig,\n\n [SubBlockType.Divider]: DividerConfig,\n [SubBlockType.PriceDetailed]: PriceDetailedConfig,\n [SubBlockType.MediaCard]: MediaCardConfig,\n [SubBlockType.BannerCard]: BannerCardConfig,\n [SubBlockType.LayoutItem]: LayoutItemConfig,\n [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n [SubBlockType.BasicCard]: BasicCardConfig,\n [SubBlockType.Content]: ContentConfig,\n [SubBlockType.Quote]: QuoteConfig,\n [SubBlockType.PriceCard]: PriceCardConfig,\n [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { StoreApi } from 'zustand';
3
- import { EditorState } from "../../../common/store.js";
3
+ import { EditorState } from "../../common/store.js";
4
4
  export interface PCEditorStoreContextProps {
5
5
  state: StoreApi<EditorState>;
6
6
  }
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.PCEditorStoreContext = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const React = tslib_1.__importStar(require("react"));
6
- const store_1 = require("../../../common/store.js");
6
+ const store_1 = require("../../common/store.js");
7
7
  exports.PCEditorStoreContext = React.createContext({
8
8
  state: (0, store_1.createPCEditorStore)(),
9
9
  });
@@ -1 +1 @@
1
- {"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAM1D,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\n\nexport interface PCEditorStoreContextProps {\n state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n state: createPCEditorStore(),\n});\n"]}
1
+ {"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAMvD,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n state: createPCEditorStore(),\n});\n"]}
@@ -4,7 +4,7 @@ exports.PCEditorStoreProvider = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const React = tslib_1.__importStar(require("react"));
7
- const store_1 = require("../../../common/store.js");
7
+ const store_1 = require("../../common/store.js");
8
8
  const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
9
9
  const PCEditorStoreProvider = ({ children }) => {
10
10
  const storeRef = React.useRef();
@@ -1 +1 @@
1
- {"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAGvE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n const storeRef = React.useRef<StoreApi<EditorState>>();\n\n const syncStore = React.useCallback((message: StoreSyncMessage) => {\n if (storeRef.current && message.state) {\n storeRef.current.setState(message.state);\n }\n }, []);\n\n React.useEffect(() => {\n const onMessage = (e: MessageEvent) => {\n const message = e.data as StoreSyncMessage;\n syncStore(message);\n };\n\n window.addEventListener('message', onMessage);\n\n return () => {\n window.removeEventListener('message', onMessage);\n };\n }, [syncStore]);\n\n if (!storeRef.current) {\n storeRef.current = createPCEditorStore();\n }\n\n return (\n <PCEditorStoreContext.Provider\n value={{\n state: storeRef.current,\n }}\n >\n {children}\n </PCEditorStoreContext.Provider>\n );\n};\n"]}
1
+ {"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAGpE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n const storeRef = React.useRef<StoreApi<EditorState>>();\n\n const syncStore = React.useCallback((message: StoreSyncMessage) => {\n if (storeRef.current && message.state) {\n storeRef.current.setState(message.state);\n }\n }, []);\n\n React.useEffect(() => {\n const onMessage = (e: MessageEvent) => {\n const message = e.data as StoreSyncMessage;\n syncStore(message);\n };\n\n window.addEventListener('message', onMessage);\n\n return () => {\n window.removeEventListener('message', onMessage);\n };\n }, [syncStore]);\n\n if (!storeRef.current) {\n storeRef.current = createPCEditorStore();\n }\n\n return (\n <PCEditorStoreContext.Provider\n value={{\n state: storeRef.current,\n }}\n >\n {children}\n </PCEditorStoreContext.Provider>\n );\n};\n"]}
@@ -1,4 +1,4 @@
1
- import { ConfigInput, DynamicFormValue } from "../../../../common/types/index.js";
1
+ import { ConfigInput, DynamicFormValue } from "../../../common/types/index.js";
2
2
  interface DynamicFormProps {
3
3
  blockConfig: Array<ConfigInput>;
4
4
  contentConfig?: DynamicFormValue;
@@ -1 +1 @@
1
- {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\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 onUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onUpdate(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) => onUpdate(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) => onUpdate(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) => onUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onUpdate(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) => onUpdate(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 default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf'];\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 DynamicForm;\n"]}
1
+ {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\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 onUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onUpdate(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) => onUpdate(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) => onUpdate(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) => onUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onUpdate(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) => onUpdate(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 default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf'];\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 DynamicForm;\n"]}
@@ -1,26 +1,12 @@
1
- .g-root {
2
- --g-color-base-brand: var(--g-color-private-black-550-solid);
3
- --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
4
- --g-color-base-selection: var(--g-color-private-black-200);
5
- --g-color-base-selection-hover: var(--g-color-private-black-300);
6
- --g-color-base-brand: var(--g-color-text-primary);
7
- --g-color-base-brand-hover: var(--g-color-text-complementary);
8
- --g-color-text-brand-contrast: var(--g-color-text-light-primary);
9
- --g-color-line-brand: var(--g-color-text-primary);
10
- --g-color-text-brand: var(--g-color-private-brand-700-solid);
11
- --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
12
- }
13
-
14
1
  .pceditor-field-base {
15
- padding: 16px 12px;
2
+ padding: 16px 12px 16px 0;
16
3
  border-bottom: 1px solid var(--g-color-line-generic);
17
4
  position: relative;
18
5
  display: flex;
19
6
  flex-direction: row;
20
7
  align-items: flex-start;
21
- gap: 8px;
22
8
  }
23
- .pceditor-field-base:hover > .pceditor-field-base__top > .pceditor-field-base__button {
9
+ .pceditor-field-base:hover > .pceditor-field-base__top .pceditor-field-base__title > .pceditor-field-base__button {
24
10
  opacity: 1;
25
11
  }
26
12
  .pceditor-field-base_expandable {
@@ -38,11 +24,12 @@
38
24
  display: flex;
39
25
  align-items: center;
40
26
  gap: 4px;
41
- flex: 0 0 64px;
42
- word-break: break-all;
27
+ flex: 0 0 84px;
28
+ word-break: break-word;
43
29
  }
44
30
  .pceditor-field-base__children {
45
31
  flex: 2 1 auto;
32
+ margin-left: 12px;
46
33
  }
47
34
  .pceditor-field-base__foldable {
48
35
  width: 100%;
@@ -64,7 +51,9 @@
64
51
  font-weight: var(--g-text-body-font-weight);
65
52
  font-size: var(--g-text-body-2-font-size);
66
53
  line-height: var(--g-text-body-2-line-height);
67
- margin: 5px 0;
54
+ margin: 5px 16px 5px 0;
55
+ display: flex;
56
+ flex-direction: row;
68
57
  }
69
58
  .pceditor-field-base__title_size_s {
70
59
  font-family: var(--g-text-body-font-family);
@@ -3,15 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const uikit_1 = require("@gravity-ui/uikit");
6
+ const icons_1 = require("@gravity-ui/icons");
6
7
  const lodash_1 = tslib_1.__importDefault(require("lodash"));
7
8
  const React = tslib_1.__importStar(require("react"));
8
9
  const cn_1 = require("../../../utils/cn.js");
9
10
  const b = (0, cn_1.editorCn)('field-base');
10
- const FieldBase = ({ className, title, textSize = 's', children, expandable = false, }) => {
11
+ const FieldBase = ({ className, title, textSize = 's', children, expandable = false, onRefresh, }) => {
11
12
  const [showChildren, setShowChildren] = React.useState(!expandable);
12
13
  const titleComponent = React.useMemo(() => {
13
14
  if (title) {
14
- const defaultTitle = ((0, jsx_runtime_1.jsx)("div", { className: b('title', { size: textSize }), children: lodash_1.default.capitalize(title) }));
15
+ const defaultTitle = ((0, jsx_runtime_1.jsxs)("div", { className: b('title', { size: textSize }), children: [onRefresh && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), onClick: (e) => {
16
+ e.stopPropagation();
17
+ onRefresh(undefined);
18
+ }, view: 'flat', size: 'xs', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowRotateLeft, size: 14 }) })), (0, jsx_runtime_1.jsx)("span", { children: lodash_1.default.capitalize(title) })] }));
15
19
  if (expandable) {
16
20
  return (
17
21
  // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -20,7 +24,7 @@ const FieldBase = ({ className, title, textSize = 's', children, expandable = fa
20
24
  return (0, jsx_runtime_1.jsx)("div", { className: b('non-foldable'), children: defaultTitle });
21
25
  }
22
26
  return null;
23
- }, [expandable, showChildren, textSize, title]);
27
+ }, [expandable, showChildren, textSize, title, onRefresh]);
24
28
  return ((0, jsx_runtime_1.jsxs)("div", { className: b({ expandable }, className), children: [title && (0, jsx_runtime_1.jsx)("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && (0, jsx_runtime_1.jsx)("div", { className: b('children'), children: children })] }));
25
29
  };
26
30
  exports.default = FieldBase;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8C;AAC9C,4DAAuB;AACvB,qDAA+B;AAE/B,6CAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,GACrB,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,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,YAAG,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAO,CAC5E,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,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,gCAAK,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,CAAC,CAAC,CAAC;IAEhD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle} from '@gravity-ui/uikit';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('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}) => {\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})}>{_.capitalize(title)}</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]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title || showChildren) && <div className={b('children')}>{children}</div>}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
1
+ {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4D;AAC5D,6CAAkD;AAClD,4DAAuB;AACvB,qDAA+B;AAE/B,6CAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAajC,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,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACvC,SAAS,IAAI,CACV,uBAAC,cAAM,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,uBAAC,YAAI,IAAC,IAAI,EAAE,uBAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,EACD,2CAAO,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,IAChC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,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,gCAAK,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,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('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 {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 <span>{_.capitalize(title)}</span>\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) && <div className={b('children')}>{children}</div>}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
@@ -1,4 +1,4 @@
1
- import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../../../../common/types/index.js";
1
+ import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../../../common/types/index.js";
2
2
  type ArrayInput = ArrayTextInput | ArrayObjectInput;
3
3
  interface ArrayFieldProps {
4
4
  title: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Array.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../../../../common/types';\nimport {removeFromArray, swapArrayItems} from '../../../../utils';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\n\nimport './Array.scss';\nimport ItemButton from './ItemButton/ItemButton';\n\nconst b = editorCn('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 <Card key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>#{index}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value}\n blockConfig={blockConfig.properties}\n onUpdate={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </Card>\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 <Card className={b('card')}>{renderInputs()}</Card>\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
1
+ {"version":3,"file":"Array.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../../../common/types';\nimport {removeFromArray, swapArrayItems} from '../../../../utils';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\n\nimport './Array.scss';\nimport ItemButton from './ItemButton/ItemButton';\n\nconst b = editorCn('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 <Card key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>#{index}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value}\n blockConfig={blockConfig.properties}\n onUpdate={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </Card>\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 <Card className={b('card')}>{renderInputs()}</Card>\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
@@ -1,4 +1,4 @@
1
- import { ConfigInput, DynamicFormValue } from "../../../../../../common/types/index.js";
1
+ import { ConfigInput, DynamicFormValue } from "../../../../../common/types/index.js";
2
2
  import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
3
3
  interface ObjectDynamicFieldProps extends FieldBaseParams {
4
4
  value: DynamicFormValue;
@@ -1 +1 @@
1
- {"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AAGvC,+EAA4C;AAC5C,qFAAqE;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,uBAAC,mBAAS,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,uBAAC,YAAI,cACD,uBAAC,qBAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAChF,GACC,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {Card} from '@gravity-ui/uikit';\n\nimport {ConfigInput, DynamicFormValue} from '../../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: DynamicFormValue;\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 <Card>\n <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdate={onUpdate} />\n </Card>\n </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}
1
+ {"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AAGvC,+EAA4C;AAC5C,qFAAqE;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,uBAAC,mBAAS,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,uBAAC,YAAI,cACD,uBAAC,qBAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAChF,GACC,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {Card} from '@gravity-ui/uikit';\n\nimport {ConfigInput, DynamicFormValue} from '../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: DynamicFormValue;\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 <Card>\n <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdate={onUpdate} />\n </Card>\n </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}
@@ -1,4 +1,4 @@
1
- import { DynamicFormValue, OneOfInput } from "../../../../../../common/types/index.js";
1
+ import { DynamicFormValue, OneOfInput } from "../../../../../common/types/index.js";
2
2
  interface OneOfDynamicFieldProps {
3
3
  contentConfig: DynamicFormValue;
4
4
  onUpdate: (key: string, value: DynamicFormValue) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('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 <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={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 onUpdate={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}
1
+ {"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('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 <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={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 onUpdate={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}
@@ -1,4 +1,4 @@
1
- import { SelectMultipleInput, SelectSingleInput } from "../../../../../../common/types/index.js";
1
+ import { SelectMultipleInput, SelectSingleInput } from "../../../../../common/types/index.js";
2
2
  import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
3
3
  type SelectInput = SelectSingleInput | SelectMultipleInput;
4
4
  interface SelectDynamicFieldProps extends FieldBaseParams {
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8D;AAG9D,gDAA8C;AAC9C,qFAAqE;AAIrE,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,qBAAqB,CAAC,CAAC;AAW1C,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;IAE9C,OAAO,CACH,wBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,SAAS,KAAK,QAAQ,IAAI,CACvB,uBAAC,cAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAC5B,uBAAC,2BAAmB,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjF,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput | SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n input: SelectInput;\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view || 'radiobutton';\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {inputView === 'select' && (\n <Select\n placeholder={'Value'}\n value={value ? [value] : []}\n onUpdate={([selectValue]) => onUpdate(selectValue)}\n options={input.enum}\n className={b('select')}\n />\n )}\n {inputView === 'radiobutton' && (\n <SegmentedRadioGroup options={input.enum} value={value} onUpdate={onUpdate} />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}
1
+ {"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8D;AAG9D,gDAA8C;AAC9C,qFAAqE;AAIrE,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,qBAAqB,CAAC,CAAC;AAW1C,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;IAE9C,OAAO,CACH,wBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,SAAS,KAAK,QAAQ,IAAI,CACvB,uBAAC,cAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAC5B,uBAAC,2BAAmB,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjF,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput | SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n input: SelectInput;\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view || 'radiobutton';\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {inputView === 'select' && (\n <Select\n placeholder={'Value'}\n value={value ? [value] : []}\n onUpdate={([selectValue]) => onUpdate(selectValue)}\n options={input.enum}\n className={b('select')}\n />\n )}\n {inputView === 'radiobutton' && (\n <SegmentedRadioGroup options={input.enum} value={value} onUpdate={onUpdate} />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}
@@ -1,3 +1,3 @@
1
- import { DynamicFormValue } from "../../../../common/types/index.js";
1
+ import { DynamicFormValue } from "../../../common/types/index.js";
2
2
  export declare const getFullPath: (path: string, name: string) => string;
3
3
  export declare const getContent: (contentConfig: DynamicFormValue, path: string) => any;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/utils.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIhB,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE;IACtD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7B,CAAC,CAAC;AAdW,QAAA,WAAW,eActB;AAEK,MAAM,UAAU,GAAG,CAAC,aAA+B,EAAE,IAAY,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC,CAAC,CAAC,gBAAC,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAC7D,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../../common/types';\n\nexport const getFullPath = (path: string, name: string) => {\n if (!path && !name) {\n return '';\n }\n\n if (!path) {\n return name;\n }\n\n if (!name) {\n return path;\n }\n\n return path + '.' + name;\n};\n\nexport const getContent = (contentConfig: DynamicFormValue, path: string) => {\n return path ? _.get(contentConfig, path) : contentConfig;\n};\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/utils.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIhB,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE;IACtD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7B,CAAC,CAAC;AAdW,QAAA,WAAW,eActB;AAEK,MAAM,UAAU,GAAG,CAAC,aAA+B,EAAE,IAAY,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC,CAAC,CAAC,gBAAC,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAC7D,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../common/types';\n\nexport const getFullPath = (path: string, name: string) => {\n if (!path && !name) {\n return '';\n }\n\n if (!path) {\n return name;\n }\n\n if (!name) {\n return path;\n }\n\n return path + '.' + name;\n};\n\nexport const getContent = (contentConfig: DynamicFormValue, path: string) => {\n return path ? _.get(contentConfig, path) : contentConfig;\n};\n"]}
@@ -1,16 +1,3 @@
1
- .g-root {
2
- --g-color-base-brand: var(--g-color-private-black-550-solid);
3
- --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
4
- --g-color-base-selection: var(--g-color-private-black-200);
5
- --g-color-base-selection-hover: var(--g-color-private-black-300);
6
- --g-color-base-brand: var(--g-color-text-primary);
7
- --g-color-base-brand-hover: var(--g-color-text-complementary);
8
- --g-color-text-brand-contrast: var(--g-color-text-light-primary);
9
- --g-color-line-brand: var(--g-color-text-primary);
10
- --g-color-text-brand: var(--g-color-private-brand-700-solid);
11
- --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
12
- }
13
-
14
1
  .pceditor-panels__button-wrap {
15
2
  --pceditor-panels-button-gap: 8px;
16
3
  position: absolute;