@gravity-ui/page-constructor 6.3.2-alpha.10 → 6.3.2-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/blocks/CardLayout/index.d.ts +1 -1
- package/build/cjs/blocks/CardLayout/index.js.map +1 -1
- package/build/cjs/blocks/ContentLayout/index.d.ts +1 -1
- package/build/cjs/blocks/ExtendedFeatures/index.d.ts +1 -1
- package/build/cjs/blocks/FilterBlock/index.d.ts +1 -1
- package/build/cjs/blocks/Form/index.d.ts +1 -1
- package/build/cjs/blocks/Header/dynamic-form.d.ts +1 -1
- package/build/cjs/blocks/Header/dynamic-form.js.map +1 -1
- package/build/cjs/blocks/Header/index.d.ts +1 -1
- package/build/cjs/blocks/HeaderSlider/index.d.ts +1 -1
- package/build/cjs/blocks/Icons/index.d.ts +1 -1
- package/build/cjs/blocks/Info/index.d.ts +1 -1
- package/build/cjs/blocks/Map/index.d.ts +1 -1
- package/build/cjs/blocks/Media/index.d.ts +1 -1
- package/build/cjs/blocks/PromoFeaturesBlock/index.d.ts +1 -1
- package/build/cjs/blocks/Questions/index.d.ts +1 -1
- package/build/cjs/blocks/Share/index.d.ts +1 -1
- package/build/cjs/blocks/Slider/dynamic-form.d.ts +1 -1
- package/build/cjs/blocks/Slider/dynamic-form.js.map +1 -1
- package/build/cjs/blocks/Slider/index.d.ts +1 -1
- package/build/cjs/blocks/Table/index.d.ts +1 -1
- package/build/cjs/blocks/Tabs/index.d.ts +1 -1
- package/build/cjs/blocks/TestEditorBlock/form.d.ts +1 -1
- package/build/cjs/blocks/TestEditorBlock/form.js.map +1 -1
- package/build/cjs/blocks/TestEditorBlock/index.d.ts +1 -1
- package/build/cjs/common/store.d.ts +2 -1
- package/build/cjs/common/store.js.map +1 -1
- package/build/cjs/common/types/common.d.ts +1 -1
- package/build/cjs/common/types/common.js.map +1 -1
- package/build/cjs/common/types/index.d.ts +0 -1
- package/build/cjs/common/types/index.js +0 -1
- package/build/cjs/common/types/index.js.map +1 -1
- package/build/cjs/components/Image/dynamic-form.d.ts +1 -1
- package/build/cjs/components/Image/dynamic-form.js.map +1 -1
- package/build/cjs/components/Title/TitleItem.d.ts +1 -1
- package/build/cjs/constructor-items.d.ts +1 -1
- package/build/cjs/constructor-items.js.map +1 -1
- package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js +2 -2
- package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -1
- package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.js +2 -3
- package/build/cjs/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
- package/build/cjs/editor-v2/store.d.ts +1 -1
- package/build/cjs/editor-v2/store.js.map +1 -1
- package/build/cjs/form-builder/FormBuilder.d.ts +3 -0
- package/build/cjs/form-builder/FormBuilder.js +12 -0
- package/build/cjs/form-builder/FormBuilder.js.map +1 -0
- package/build/cjs/form-builder/components/AddPropertyButton/AddPropertyButton.css +3 -0
- package/build/cjs/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.d.ts +1 -1
- package/build/cjs/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.js +2 -3
- package/build/cjs/form-builder/components/AddPropertyButton/AddPropertyButton.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
- package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts +2 -2
- package/build/cjs/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -3
- package/build/cjs/form-builder/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -0
- package/build/{esm/form-generator → cjs/form-builder}/components/ConfigRow/ConfigRow.css +3 -3
- package/build/cjs/{form-generator → form-builder}/components/ConfigRow/ConfigRow.js +2 -2
- package/build/cjs/form-builder/components/ConfigRow/ConfigRow.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.css +3 -3
- package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.d.ts +1 -1
- package/build/cjs/{form-generator → form-builder}/components/FieldCard/FieldCard.js +2 -3
- package/build/cjs/form-builder/components/FieldCard/FieldCard.js.map +1 -0
- package/build/{esm/form-generator → cjs/form-builder}/components/FieldHeader/FieldHeader.css +1 -1
- package/build/cjs/{form-generator → form-builder}/components/FieldHeader/FieldHeader.js +2 -3
- package/build/cjs/form-builder/components/FieldHeader/FieldHeader.js.map +1 -0
- package/build/{esm/form-generator/components/FormBuilder/FormBuilder.css → cjs/form-builder/components/FormBuilderBody/FormBuilderBody.css} +18 -18
- package/build/cjs/form-builder/components/FormBuilderBody/FormBuilderBody.d.ts +6 -0
- package/build/cjs/{form-generator/components/FormBuilder/FormBuilder.js → form-builder/components/FormBuilderBody/FormBuilderBody.js} +7 -9
- package/build/cjs/form-builder/components/FormBuilderBody/FormBuilderBody.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
- package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.d.ts +2 -2
- package/build/cjs/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -3
- package/build/cjs/form-builder/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.css +1 -1
- package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.js +2 -3
- package/build/cjs/form-builder/components/OptionHeader/OptionHeader.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.css +6 -6
- package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.d.ts +2 -2
- package/build/cjs/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.js +2 -3
- package/build/cjs/form-builder/components/OptionsRenderer/OptionsRenderer.js.map +1 -0
- package/build/cjs/form-builder/components/SectionHeader/SectionHeader.css +3 -0
- package/build/cjs/{form-generator → form-builder}/components/SectionHeader/SectionHeader.js +2 -3
- package/build/cjs/form-builder/components/SectionHeader/SectionHeader.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
- package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.d.ts +1 -1
- package/build/cjs/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
- package/build/cjs/form-builder/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -0
- package/build/cjs/form-builder/hooks/FormContext.d.ts +11 -0
- package/build/cjs/{form-generator → form-builder}/hooks/FormContext.js +2 -2
- package/build/cjs/form-builder/hooks/FormContext.js.map +1 -0
- package/build/cjs/{form-generator → form-builder}/hooks/useFormFields.d.ts +8 -3
- package/build/cjs/{form-generator → form-builder}/hooks/useFormFields.js +66 -66
- package/build/cjs/form-builder/hooks/useFormFields.js.map +1 -0
- package/build/cjs/form-builder/index.d.ts +4 -0
- package/build/cjs/form-builder/index.js +8 -0
- package/build/cjs/form-builder/index.js.map +1 -0
- package/build/cjs/form-builder/styles/variables.css +0 -0
- package/build/{esm/form-generator/hooks → cjs/form-builder}/types.d.ts +6 -1
- package/build/cjs/form-builder/types.js.map +1 -0
- package/build/cjs/form-builder/utils/cn.d.ts +2 -0
- package/build/cjs/form-builder/utils/cn.js +7 -0
- package/build/cjs/form-builder/utils/cn.js.map +1 -0
- package/build/cjs/form-generator/FormGenerator.css +7 -0
- package/build/cjs/form-generator/FormGenerator.d.ts +10 -0
- package/build/cjs/{editor-v2/components/DynamicForm/DynamicForm.js → form-generator/FormGenerator.js} +19 -17
- package/build/cjs/form-generator/FormGenerator.js.map +1 -0
- package/build/{esm/editor-v2/components/DynamicForm → cjs/form-generator/components}/FieldBase/FieldBase.css +19 -17
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.js +3 -3
- package/build/cjs/form-generator/components/FieldBase/FieldBase.js.map +1 -0
- package/build/cjs/form-generator/components/Fields/AnyOf/AnyOf.css +8 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.d.ts +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.js +4 -4
- package/build/cjs/form-generator/components/Fields/AnyOf/AnyOf.js.map +1 -0
- package/build/cjs/form-generator/components/Fields/Array/Array.css +40 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.d.ts +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.js +5 -5
- package/build/cjs/form-generator/components/Fields/Array/Array.js.map +1 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.js +2 -2
- package/build/cjs/form-generator/components/Fields/Array/ItemButton/ItemButton.js.map +1 -0
- package/build/cjs/form-generator/components/Fields/Boolean/Boolean.css +5 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.js +2 -2
- package/build/cjs/form-generator/components/Fields/Boolean/Boolean.js.map +1 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.js +2 -2
- package/build/cjs/form-generator/components/Fields/Number/Number.js.map +1 -0
- package/build/{esm/editor-v2/components/DynamicForm → cjs/form-generator/components}/Fields/Object/Object.d.ts +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Object/Object.js +2 -2
- package/build/cjs/form-generator/components/Fields/Object/Object.js.map +1 -0
- package/build/cjs/form-generator/components/Fields/OneOf/OneOf.css +8 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.d.ts +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.js +4 -4
- package/build/cjs/form-generator/components/Fields/OneOf/OneOf.js.map +1 -0
- package/build/cjs/form-generator/components/Fields/Select/Select.css +5 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.d.ts +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.js +2 -2
- package/build/cjs/form-generator/components/Fields/Select/Select.js.map +1 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.js +2 -2
- package/build/cjs/form-generator/components/Fields/Text/Text.js.map +1 -0
- package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.js +2 -2
- package/build/cjs/form-generator/components/Fields/TextArea/TextArea.js.map +1 -0
- package/build/cjs/form-generator/index.d.ts +2 -7
- package/build/cjs/form-generator/index.js +2 -7
- package/build/cjs/form-generator/index.js.map +1 -1
- package/build/cjs/form-generator/styles/mixins.css +2 -0
- package/build/cjs/form-generator/styles/variables.css +0 -0
- package/build/cjs/{common/types/forms.d.ts → form-generator/types.d.ts} +1 -1
- package/build/cjs/{common/types/forms.js → form-generator/types.js} +1 -1
- package/build/cjs/form-generator/types.js.map +1 -0
- package/build/cjs/form-generator/utils/cn.d.ts +2 -0
- package/build/cjs/form-generator/utils/cn.js +7 -0
- package/build/cjs/form-generator/utils/cn.js.map +1 -0
- package/build/cjs/{editor-v2/components/DynamicForm/utils.d.ts → form-generator/utils/common.d.ts} +1 -1
- package/build/cjs/{editor-v2/components/DynamicForm/utils.js → form-generator/utils/common.js} +1 -1
- package/build/cjs/form-generator/utils/common.js.map +1 -0
- package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
- package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
- package/build/cjs/utils/form-generator.d.ts +1 -1
- package/build/cjs/utils/form-generator.js.map +1 -1
- package/build/esm/blocks/CardLayout/index.d.ts +1 -1
- package/build/esm/blocks/CardLayout/index.js.map +1 -1
- package/build/esm/blocks/ContentLayout/index.d.ts +1 -1
- package/build/esm/blocks/ExtendedFeatures/index.d.ts +1 -1
- package/build/esm/blocks/FilterBlock/index.d.ts +1 -1
- package/build/esm/blocks/Form/index.d.ts +1 -1
- package/build/esm/blocks/Header/dynamic-form.d.ts +1 -1
- package/build/esm/blocks/Header/dynamic-form.js.map +1 -1
- package/build/esm/blocks/Header/index.d.ts +1 -1
- package/build/esm/blocks/HeaderSlider/index.d.ts +1 -1
- package/build/esm/blocks/Icons/index.d.ts +1 -1
- package/build/esm/blocks/Info/index.d.ts +1 -1
- package/build/esm/blocks/Map/index.d.ts +1 -1
- package/build/esm/blocks/Media/index.d.ts +1 -1
- package/build/esm/blocks/PromoFeaturesBlock/index.d.ts +1 -1
- package/build/esm/blocks/Questions/index.d.ts +1 -1
- package/build/esm/blocks/Share/index.d.ts +1 -1
- package/build/esm/blocks/Slider/dynamic-form.d.ts +1 -1
- package/build/esm/blocks/Slider/dynamic-form.js.map +1 -1
- package/build/esm/blocks/Slider/index.d.ts +1 -1
- package/build/esm/blocks/Table/index.d.ts +1 -1
- package/build/esm/blocks/Tabs/index.d.ts +1 -1
- package/build/esm/blocks/TestEditorBlock/form.d.ts +1 -1
- package/build/esm/blocks/TestEditorBlock/form.js.map +1 -1
- package/build/esm/blocks/TestEditorBlock/index.d.ts +1 -1
- package/build/esm/common/store.d.ts +2 -1
- package/build/esm/common/store.js.map +1 -1
- package/build/esm/common/types/common.d.ts +1 -1
- package/build/esm/common/types/common.js.map +1 -1
- package/build/esm/common/types/index.d.ts +0 -1
- package/build/esm/common/types/index.js +0 -1
- package/build/esm/common/types/index.js.map +1 -1
- package/build/esm/components/Image/dynamic-form.d.ts +1 -1
- package/build/esm/components/Image/dynamic-form.js.map +1 -1
- package/build/esm/components/Title/TitleItem.d.ts +1 -1
- package/build/esm/constructor-items.d.ts +1 -1
- package/build/esm/constructor-items.js.map +1 -1
- package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.js +2 -2
- package/build/esm/editor-v2/containers/BlockConfigForm/BlockConfigForm.js.map +1 -1
- package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.js +2 -2
- package/build/esm/editor-v2/containers/GlobalConfig/GlobalConfig.js.map +1 -1
- package/build/esm/editor-v2/store.d.ts +1 -1
- package/build/esm/editor-v2/store.js.map +1 -1
- package/build/esm/form-builder/FormBuilder.d.ts +3 -0
- package/build/esm/form-builder/FormBuilder.js +8 -0
- package/build/esm/form-builder/FormBuilder.js.map +1 -0
- package/build/esm/form-builder/components/AddPropertyButton/AddPropertyButton.css +3 -0
- package/build/esm/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.d.ts +1 -1
- package/build/esm/{form-generator → form-builder}/components/AddPropertyButton/AddPropertyButton.js +2 -2
- package/build/esm/form-builder/components/AddPropertyButton/AddPropertyButton.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
- package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.d.ts +2 -2
- package/build/esm/{form-generator → form-builder}/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -2
- package/build/esm/form-builder/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -0
- package/build/{cjs/form-generator → esm/form-builder}/components/ConfigRow/ConfigRow.css +3 -3
- package/build/esm/{form-generator → form-builder}/components/ConfigRow/ConfigRow.js +2 -2
- package/build/esm/form-builder/components/ConfigRow/ConfigRow.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.css +3 -3
- package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.d.ts +1 -1
- package/build/esm/{form-generator → form-builder}/components/FieldCard/FieldCard.js +2 -2
- package/build/esm/form-builder/components/FieldCard/FieldCard.js.map +1 -0
- package/build/{cjs/form-generator → esm/form-builder}/components/FieldHeader/FieldHeader.css +1 -1
- package/build/esm/{form-generator → form-builder}/components/FieldHeader/FieldHeader.js +2 -2
- package/build/esm/form-builder/components/FieldHeader/FieldHeader.js.map +1 -0
- package/build/{cjs/form-generator/components/FormBuilder/FormBuilder.css → esm/form-builder/components/FormBuilderBody/FormBuilderBody.css} +18 -18
- package/build/esm/form-builder/components/FormBuilderBody/FormBuilderBody.d.ts +7 -0
- package/build/esm/{form-generator/components/FormBuilder/FormBuilder.js → form-builder/components/FormBuilderBody/FormBuilderBody.js} +6 -7
- package/build/esm/form-builder/components/FormBuilderBody/FormBuilderBody.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
- package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.d.ts +2 -2
- package/build/esm/{form-generator → form-builder}/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -2
- package/build/esm/form-builder/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.css +1 -1
- package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.js +2 -2
- package/build/esm/form-builder/components/OptionHeader/OptionHeader.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.css +6 -6
- package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.d.ts +2 -2
- package/build/esm/{form-generator → form-builder}/components/OptionsRenderer/OptionsRenderer.js +2 -2
- package/build/esm/form-builder/components/OptionsRenderer/OptionsRenderer.js.map +1 -0
- package/build/esm/form-builder/components/SectionHeader/SectionHeader.css +3 -0
- package/build/esm/{form-generator → form-builder}/components/SectionHeader/SectionHeader.js +2 -2
- package/build/esm/form-builder/components/SectionHeader/SectionHeader.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
- package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.d.ts +1 -1
- package/build/esm/{form-generator → form-builder}/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
- package/build/esm/form-builder/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -0
- package/build/esm/form-builder/hooks/FormContext.d.ts +11 -0
- package/build/esm/{form-generator → form-builder}/hooks/FormContext.js +2 -2
- package/build/esm/form-builder/hooks/FormContext.js.map +1 -0
- package/build/esm/{form-generator → form-builder}/hooks/useFormFields.d.ts +8 -3
- package/build/esm/{form-generator → form-builder}/hooks/useFormFields.js +66 -66
- package/build/esm/form-builder/hooks/useFormFields.js.map +1 -0
- package/build/esm/form-builder/index.d.ts +4 -0
- package/build/esm/form-builder/index.js +5 -0
- package/build/esm/form-builder/index.js.map +1 -0
- package/build/esm/form-builder/styles/variables.css +0 -0
- package/build/{cjs/form-generator/hooks → esm/form-builder}/types.d.ts +6 -1
- package/build/esm/form-builder/types.js.map +1 -0
- package/build/esm/form-builder/utils/cn.d.ts +2 -0
- package/build/esm/form-builder/utils/cn.js +4 -0
- package/build/esm/form-builder/utils/cn.js.map +1 -0
- package/build/esm/form-generator/FormGenerator.css +7 -0
- package/build/esm/form-generator/FormGenerator.d.ts +11 -0
- package/build/esm/{editor-v2/components/DynamicForm/DynamicForm.js → form-generator/FormGenerator.js} +16 -16
- package/build/esm/form-generator/FormGenerator.js.map +1 -0
- package/build/{cjs/editor-v2/components/DynamicForm → esm/form-generator/components}/FieldBase/FieldBase.css +19 -17
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.js +3 -3
- package/build/esm/form-generator/components/FieldBase/FieldBase.js.map +1 -0
- package/build/esm/form-generator/components/Fields/AnyOf/AnyOf.css +8 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.d.ts +1 -1
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/AnyOf/AnyOf.js +3 -3
- package/build/esm/form-generator/components/Fields/AnyOf/AnyOf.js.map +1 -0
- package/build/esm/form-generator/components/Fields/Array/Array.css +40 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.d.ts +1 -1
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/Array.js +5 -5
- package/build/esm/form-generator/components/Fields/Array/Array.js.map +1 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.js +2 -2
- package/build/esm/form-generator/components/Fields/Array/ItemButton/ItemButton.js.map +1 -0
- package/build/esm/form-generator/components/Fields/Boolean/Boolean.css +5 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.js +2 -2
- package/build/esm/form-generator/components/Fields/Boolean/Boolean.js.map +1 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.js +2 -2
- package/build/esm/form-generator/components/Fields/Number/Number.js.map +1 -0
- package/build/{cjs/editor-v2/components/DynamicForm → esm/form-generator/components}/Fields/Object/Object.d.ts +1 -1
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Object/Object.js +1 -1
- package/build/esm/form-generator/components/Fields/Object/Object.js.map +1 -0
- package/build/esm/form-generator/components/Fields/OneOf/OneOf.css +8 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.d.ts +1 -1
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/OneOf/OneOf.js +3 -3
- package/build/esm/form-generator/components/Fields/OneOf/OneOf.js.map +1 -0
- package/build/esm/form-generator/components/Fields/Select/Select.css +5 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.d.ts +1 -1
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Select/Select.js +2 -2
- package/build/esm/form-generator/components/Fields/Select/Select.js.map +1 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.js +2 -2
- package/build/esm/form-generator/components/Fields/Text/Text.js.map +1 -0
- package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.js +2 -2
- package/build/esm/form-generator/components/Fields/TextArea/TextArea.js.map +1 -0
- package/build/esm/form-generator/index.d.ts +2 -7
- package/build/esm/form-generator/index.js +2 -7
- package/build/esm/form-generator/index.js.map +1 -1
- package/build/esm/form-generator/styles/mixins.css +2 -0
- package/build/esm/form-generator/styles/variables.css +0 -0
- package/build/esm/{common/types/forms.d.ts → form-generator/types.d.ts} +1 -1
- package/build/esm/form-generator/types.js +2 -0
- package/build/esm/form-generator/types.js.map +1 -0
- package/build/esm/form-generator/utils/cn.d.ts +2 -0
- package/build/esm/form-generator/utils/cn.js +4 -0
- package/build/esm/form-generator/utils/cn.js.map +1 -0
- package/build/esm/{editor-v2/components/DynamicForm/utils.d.ts → form-generator/utils/common.d.ts} +1 -1
- package/build/esm/{editor-v2/components/DynamicForm/utils.js → form-generator/utils/common.js} +1 -1
- package/build/esm/form-generator/utils/common.js.map +1 -0
- package/build/esm/sub-blocks/BackgroundCard/dynamic-form.d.ts +1 -1
- package/build/esm/sub-blocks/BackgroundCard/dynamic-form.js.map +1 -1
- package/build/esm/utils/form-generator.d.ts +1 -1
- package/build/esm/utils/form-generator.js.map +1 -1
- package/package.json +9 -1
- package/build/cjs/common/types/forms.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.css +0 -5
- package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.d.ts +0 -10
- package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.css +0 -6
- package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.css +0 -38
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css +0 -3
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Number/Number.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css +0 -6
- package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.css +0 -3
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/Text/Text.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map +0 -1
- package/build/cjs/editor-v2/components/DynamicForm/utils.js.map +0 -1
- package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.css +0 -3
- package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +0 -1
- package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +0 -1
- package/build/cjs/form-generator/components/ConfigRow/ConfigRow.js.map +0 -1
- package/build/cjs/form-generator/components/FieldCard/FieldCard.js.map +0 -1
- package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js.map +0 -1
- package/build/cjs/form-generator/components/FormBuilder/FormBuilder.d.ts +0 -8
- package/build/cjs/form-generator/components/FormBuilder/FormBuilder.js.map +0 -1
- package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +0 -1
- package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js.map +0 -1
- package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +0 -1
- package/build/cjs/form-generator/components/SectionHeader/SectionHeader.css +0 -3
- package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js.map +0 -1
- package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +0 -1
- package/build/cjs/form-generator/hooks/FormContext.d.ts +0 -7
- package/build/cjs/form-generator/hooks/FormContext.js.map +0 -1
- package/build/cjs/form-generator/hooks/types.js.map +0 -1
- package/build/cjs/form-generator/hooks/useFormFields.js.map +0 -1
- package/build/esm/common/types/forms.js +0 -2
- package/build/esm/common/types/forms.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/DynamicForm.css +0 -5
- package/build/esm/editor-v2/components/DynamicForm/DynamicForm.d.ts +0 -11
- package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.css +0 -6
- package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.css +0 -38
- package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css +0 -3
- package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Number/Number.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css +0 -6
- package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.css +0 -3
- package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/Text/Text.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map +0 -1
- package/build/esm/editor-v2/components/DynamicForm/utils.js.map +0 -1
- package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.css +0 -3
- package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +0 -1
- package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +0 -1
- package/build/esm/form-generator/components/ConfigRow/ConfigRow.js.map +0 -1
- package/build/esm/form-generator/components/FieldCard/FieldCard.js.map +0 -1
- package/build/esm/form-generator/components/FieldHeader/FieldHeader.js.map +0 -1
- package/build/esm/form-generator/components/FormBuilder/FormBuilder.d.ts +0 -9
- package/build/esm/form-generator/components/FormBuilder/FormBuilder.js.map +0 -1
- package/build/esm/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +0 -1
- package/build/esm/form-generator/components/OptionHeader/OptionHeader.js.map +0 -1
- package/build/esm/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +0 -1
- package/build/esm/form-generator/components/SectionHeader/SectionHeader.css +0 -3
- package/build/esm/form-generator/components/SectionHeader/SectionHeader.js.map +0 -1
- package/build/esm/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +0 -1
- package/build/esm/form-generator/hooks/FormContext.d.ts +0 -7
- package/build/esm/form-generator/hooks/FormContext.js.map +0 -1
- package/build/esm/form-generator/hooks/types.js.map +0 -1
- package/build/esm/form-generator/hooks/useFormFields.js.map +0 -1
- /package/build/cjs/{form-generator → form-builder}/components/ConfigRow/ConfigRow.d.ts +0 -0
- /package/build/cjs/{form-generator → form-builder}/components/FieldHeader/FieldHeader.d.ts +0 -0
- /package/build/cjs/{form-generator → form-builder}/components/OptionHeader/OptionHeader.d.ts +0 -0
- /package/build/cjs/{form-generator → form-builder}/components/SectionHeader/SectionHeader.d.ts +0 -0
- /package/build/cjs/{form-generator/hooks → form-builder}/types.js +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.d.ts +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.d.ts +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.d.ts +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.d.ts +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.d.ts +0 -0
- /package/build/cjs/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.d.ts +0 -0
- /package/build/esm/{form-generator → form-builder}/components/ConfigRow/ConfigRow.d.ts +0 -0
- /package/build/esm/{form-generator → form-builder}/components/FieldHeader/FieldHeader.d.ts +0 -0
- /package/build/esm/{form-generator → form-builder}/components/OptionHeader/OptionHeader.d.ts +0 -0
- /package/build/esm/{form-generator → form-builder}/components/SectionHeader/SectionHeader.d.ts +0 -0
- /package/build/esm/{form-generator/hooks → form-builder}/types.js +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/FieldBase/FieldBase.d.ts +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Array/ItemButton/ItemButton.d.ts +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Boolean/Boolean.d.ts +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Number/Number.d.ts +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/Text/Text.d.ts +0 -0
- /package/build/esm/{editor-v2/components/DynamicForm → form-generator/components}/Fields/TextArea/TextArea.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":";;;;;AACA,6CAAuC;AACvC,sEAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,qBAAK,EAAC,gBAAgB,CAAC,CAAC;AAO3B,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,YAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC;AAJW,QAAA,aAAa,iBAIxB","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './SectionHeader.scss';\n\nconst b = block('section-header');\n\ninterface SectionHeaderProps {\n title: string;\n variant?: 'body-1' | 'body-2';\n}\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({title, variant = 'body-1'}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n </div>\n);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SelectFieldRenderer/SelectFieldRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {FormField} from '../../hooks/types';\nimport {useFormContext} from '../../hooks/FormContext';\n\nimport './SelectFieldRenderer.scss';\n\nconst b = block('select-field-renderer');\n\ninterface SelectFieldRendererProps {\n field: FormField;\n}\n\ninterface SelectFieldOption {\n content: string;\n value: string;\n}\n\nexport const SelectFieldRenderer: React.FC<SelectFieldRendererProps> = ({field}) => {\n const {updateField} = useFormContext();\n\n if (field.type !== 'select') {\n return null;\n }\n\n const view = field.view as 'select' | 'radiobutton';\n const mode = field.mode as 'single' | 'multiple';\n const enumValues = (field.enum || []) as SelectFieldOption[];\n\n return (\n <React.Fragment>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">View:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {view: 'select'}),\n text: 'Select',\n },\n {\n action: () => updateField(field.id, {view: 'radiobutton'}),\n text: 'Radio Button',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {view === 'radiobutton' ? 'Radio Button' : 'Select'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Mode:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {mode: 'single'}),\n text: 'Single',\n },\n {\n action: () => updateField(field.id, {mode: 'multiple'}),\n text: 'Multiple',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {mode === 'multiple' ? 'Multiple' : 'Single'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row', {vertical: true})}>\n <Text variant=\"body-2\" className={b('options-title')}>\n Options:\n </Text>\n {enumValues.map((option, index) => (\n <div key={`enum_${index}`} className={b('enum-option')}>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Label:</Text>\n <TextInput\n value={option.content}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n content: value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Value:</Text>\n <TextInput\n value={option.value}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <Button\n view=\"flat-danger\"\n size=\"xs\"\n onClick={() => {\n const newEnum = [...enumValues];\n newEnum.splice(index, 1);\n updateField(field.id, {enum: newEnum});\n }}\n className={b('remove-button')}\n >\n Remove\n </Button>\n </div>\n ))}\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n const newEnum = [...(enumValues || [])];\n newEnum.push({\n content: `Option ${newEnum.length + 1}`,\n value: `option${newEnum.length + 1}`,\n });\n updateField(field.id, {enum: newEnum});\n }}\n className={b('add-button')}\n >\n + Add Option\n </Button>\n </div>\n </React.Fragment>\n );\n};\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FormContextType } from "./types.js";
|
|
3
|
-
export declare const FormContext: React.Context<FormContextType>;
|
|
4
|
-
export declare const FormProvider: React.FC<{
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
}>;
|
|
7
|
-
export declare const useFormContext: () => FormContextType;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormContext.js","sourceRoot":"../../../../src","sources":["form-generator/hooks/FormContext.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAC/B,sDAA8C;AAGjC,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAqB,CAAC,CAAC;AAEhF,MAAM,YAAY,GAA0C,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC9E,MAAM,cAAc,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEvC,OAAO,uBAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAAwB,CAAC;AAC1F,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB","sourcesContent":["import * as React from 'react';\nimport {useFormFields} from './useFormFields';\nimport {FormContextType} from './types';\n\nexport const FormContext = React.createContext<FormContextType>({} as FormContextType);\n\nexport const FormProvider: React.FC<{children: React.ReactNode}> = ({children}) => {\n const formFieldsData = useFormFields();\n\n return <FormContext.Provider value={formFieldsData}>{children}</FormContext.Provider>;\n};\n\nexport const useFormContext = () => {\n const context = React.useContext(FormContext);\n\n if (!context) {\n throw new Error('useFormContext must be used within a FormProvider');\n }\n\n return context;\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["form-generator/hooks/types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n AnyOfInput,\n ArrayObjectInput,\n ArrayTextInput,\n ConfigInput,\n ObjectInput,\n OneOfInput,\n} from '../../editor-v2';\n\nexport type FormField = ConfigInput & {id: string};\n\nexport type FormObjectField = ObjectInput & {id: string};\nexport type FormArrayField = (ArrayTextInput | ArrayObjectInput) & {\n id: string;\n properties?: FormField[];\n};\nexport type FormOneOfField = OneOfInput & {id: string};\nexport type FormAnyOfField = AnyOfInput & {id: string};\nexport type FormOptionsField = (OneOfInput | AnyOfInput) & {id: string};\n\nexport interface InputTypeMenuItem {\n action: () => void;\n text: string;\n type: string;\n}\n\nexport interface ContentConfig {\n [key: string]: unknown;\n}\n\nexport interface FormFieldsActions {\n createField: (type: ConfigInput['type'], name?: string) => FormField;\n addField: (type: ConfigInput['type']) => void;\n removeField: (fieldId: string) => void;\n updateField: (fieldId: string, updates: Partial<ConfigInput>) => void;\n\n addObjectProperty: (objectId: string, type: ConfigInput['type']) => void;\n removeObjectProperty: (fieldId: string, propertyIndex: number) => void;\n updateObjectProperty: (\n fieldId: string,\n propertyIndex: number,\n updates: Partial<ConfigInput>,\n ) => void;\n\n addOption: (fieldId: string) => void;\n removeOption: (fieldId: string, optionIndex: number) => void;\n addOptionProperty: (fieldId: string, optionIndex: number, type?: ConfigInput['type']) => void;\n removeOptionProperty: (fieldId: string, optionIndex: number, propertyIndex: number) => void;\n updateOptionProperty: (\n fieldId: string,\n optionIndex: number,\n propertyIndex: number,\n updates: Partial<ConfigInput>,\n ) => void;\n\n resetForm: () => void;\n}\n\nexport interface FormData {\n formFields: Array<FormField>;\n}\n\nexport interface FormContextType extends FormData, FormFieldsActions {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useFormFields.js","sourceRoot":"../../../../src","sources":["form-generator/hooks/useFormFields.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnyOfInput, ConfigInput, ObjectInput, OneOfInput} from '../../editor-v2';\nimport {FormArrayField, FormField} from './types';\n\nexport const useFormFields = () => {\n const [formFields, setFormFields] = React.useState<FormField[]>([]);\n\n const [nextId, setNextId] = React.useState<number>(1);\n\n const generateId = () => {\n const id = `field_id_${nextId}`;\n setNextId((prev) => prev + 1);\n return id;\n };\n\n const generateName = () => {\n const name = `field_${nextId}`;\n return name;\n };\n\n const createField = (type: ConfigInput['type'], name = ''): FormField => {\n const fieldName = name || generateName();\n const fieldId = generateId();\n let newField: FormField;\n\n switch (type) {\n case 'text':\n newField = {\n type: 'text',\n name: fieldName,\n title: 'Text Input',\n id: fieldId,\n } as FormField;\n break;\n case 'number':\n newField = {\n type: 'number',\n name: fieldName,\n title: 'Number Input',\n id: fieldId,\n } as FormField;\n break;\n case 'boolean':\n newField = {\n type: 'boolean',\n name: fieldName,\n title: 'Boolean Input',\n id: fieldId,\n } as FormField;\n break;\n case 'textarea':\n newField = {\n type: 'textarea',\n name: fieldName,\n title: 'Textarea Input',\n id: fieldId,\n } as FormField;\n break;\n case 'select':\n newField = {\n type: 'select',\n name: fieldName,\n title: 'Select Input',\n view: 'select',\n mode: 'single',\n enum: [\n {content: 'Option 1', value: 'option1'},\n {content: 'Option 2', value: 'option2'},\n ],\n id: fieldId,\n } as FormField;\n break;\n case 'object':\n newField = {\n type: 'object',\n name: fieldName,\n title: 'Object Input',\n properties: [\n {\n type: 'text',\n name: 'property1',\n title: 'Property 1',\n id: generateId(),\n } as FormField,\n ],\n id: fieldId,\n } as FormField;\n break;\n case 'array':\n newField = {\n type: 'array',\n name: fieldName,\n title: 'Array Input',\n buttonText: 'Add Item',\n arrayType: 'text',\n id: fieldId,\n } as FormField;\n break;\n case 'oneOf':\n newField = {\n type: 'oneOf',\n name: fieldName,\n title: 'OneOf Input',\n options: [\n {\n title: 'Option A',\n value: 'optionA',\n properties: [\n {\n type: 'text',\n name: 'textField',\n title: 'Text Field',\n id: generateId(),\n } as FormField,\n ],\n },\n {\n title: 'Option B',\n value: 'optionB',\n properties: [\n {\n type: 'number',\n name: 'numberField',\n title: 'Number Field',\n id: generateId(),\n } as FormField,\n ],\n },\n ],\n id: fieldId,\n } as FormField;\n break;\n case 'anyOf':\n newField = {\n type: 'anyOf',\n name: fieldName,\n title: 'AnyOf Input',\n options: [\n {\n title: 'Option A',\n value: 'optionA',\n properties: [\n {\n type: 'text',\n name: 'textField',\n title: 'Text Field',\n id: generateId(),\n } as FormField,\n ],\n },\n {\n title: 'Option B',\n value: 'optionB',\n properties: [\n {\n type: 'boolean',\n name: 'booleanField',\n title: 'Boolean Field',\n id: generateId(),\n } as FormField,\n ],\n },\n ],\n id: fieldId,\n } as FormField;\n break;\n default:\n return createField('text', fieldName);\n }\n\n return newField;\n };\n\n const updateFieldById = (\n fields: FormField[],\n fieldId: string,\n updates: Partial<ConfigInput>,\n ): FormField[] => {\n return fields.map((field) => {\n if (field.id === fieldId) {\n return {...field, ...updates} as FormField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: updateFieldById(\n objectField.properties as FormField[],\n fieldId,\n updates,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: updateFieldById(\n option.properties as FormField[],\n fieldId,\n updates,\n ),\n })),\n } as FormField;\n }\n\n if (field.type === 'array' && field.arrayType === 'object') {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: updateFieldById(\n arrayField.properties as FormField[],\n fieldId,\n updates,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n const addField = (type: ConfigInput['type']) => {\n const newField = createField(type);\n setFormFields((prev) => [...prev, newField] as FormField[]);\n };\n\n const removeField = (fieldId: string) => {\n setFormFields((prev) => prev.filter((field) => field.id !== fieldId) as FormField[]);\n };\n\n const updateField = (fieldId: string, updates: Partial<ConfigInput>) => {\n setFormFields((prev) => updateFieldById(prev, fieldId, updates));\n };\n\n const addPropertyToObjectById = (\n fields: FormField[],\n objectId: string,\n type: ConfigInput['type'] = 'text',\n ): FormField[] => {\n return fields.map((field) => {\n if (field.id === objectId && field.type === 'object') {\n const objectField = field as ObjectInput;\n const propertyName = `property${(objectField.properties?.length || 0) + 1}`;\n const newProperty = createField(type, propertyName);\n\n return {\n ...field,\n properties: [...(objectField.properties || []), newProperty],\n } as FormField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: addPropertyToObjectById(\n objectField.properties as FormField[],\n objectId,\n type,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: addPropertyToObjectById(\n option.properties as FormField[],\n objectId,\n type,\n ),\n })),\n } as FormField;\n }\n\n if (field.type === 'array' && field.arrayType === 'object') {\n const arrayField = field as FormArrayField;\n\n if (field.id === objectId) {\n const propertyName = `property${(arrayField.properties?.length || 0) + 1}`;\n const newProperty = createField(type, propertyName);\n\n return {\n ...field,\n properties: [...(arrayField.properties || []), newProperty],\n } as FormField;\n }\n\n if (arrayField.properties && arrayField.properties.length > 0) {\n return {\n ...field,\n properties: addPropertyToObjectById(arrayField.properties, objectId, type),\n } as FormField;\n }\n }\n\n return field;\n });\n };\n\n const addObjectProperty = (objectId: string, type: ConfigInput['type'] = 'text') => {\n setFormFields((prev) => addPropertyToObjectById(prev, objectId, type));\n };\n\n const addOptionProperty = (\n fieldId: string,\n optionIndex: number,\n type: ConfigInput['type'] = 'text',\n ) => {\n const addPropertyToOptionRecursive = (\n fields: FormField[],\n targetFieldId: string,\n targetOptionIndex: number,\n ): FormField[] => {\n return fields.map((field) => {\n if (\n field.id === targetFieldId &&\n (field.type === 'oneOf' || field.type === 'anyOf')\n ) {\n const updatedField = JSON.parse(JSON.stringify(field));\n const options = updatedField.options;\n\n if (\n options &&\n Array.isArray(options) &&\n targetOptionIndex >= 0 &&\n targetOptionIndex < options.length &&\n options[targetOptionIndex].properties\n ) {\n const propertyName = `property${options[targetOptionIndex].properties.length + 1}`;\n const newProperty = createField(type, propertyName);\n\n options[targetOptionIndex].properties.push(newProperty);\n }\n\n return updatedField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: addPropertyToOptionRecursive(\n objectField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: addPropertyToOptionRecursive(\n option.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n })),\n } as FormField;\n }\n\n if (\n field.type === 'array' &&\n field.arrayType === 'object' &&\n (field as FormArrayField).properties\n ) {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: addPropertyToOptionRecursive(\n arrayField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n setFormFields((prev) => addPropertyToOptionRecursive(prev, fieldId, optionIndex));\n };\n\n const removeObjectProperty = (fieldId: string, propertyIndex: number) => {\n setFormFields((prev) => {\n return prev.map((field) => {\n if (field.id !== fieldId) return field;\n\n const updatedField = JSON.parse(JSON.stringify(field));\n const objectInput = updatedField as ObjectInput;\n\n objectInput.properties.splice(propertyIndex, 1);\n\n return updatedField;\n }) as FormField[];\n });\n };\n\n const removeOptionProperty = (fieldId: string, optionIndex: number, propertyIndex: number) => {\n const removePropertyFromOptionRecursive = (\n fields: FormField[],\n targetFieldId: string,\n targetOptionIndex: number,\n targetPropertyIndex: number,\n ): FormField[] => {\n return fields.map((field) => {\n if (\n field.id === targetFieldId &&\n (field.type === 'oneOf' || field.type === 'anyOf')\n ) {\n const updatedField = JSON.parse(JSON.stringify(field));\n const options = updatedField.options;\n\n if (\n options &&\n Array.isArray(options) &&\n targetOptionIndex >= 0 &&\n targetOptionIndex < options.length &&\n options[targetOptionIndex].properties &&\n targetPropertyIndex >= 0 &&\n targetPropertyIndex < options[targetOptionIndex].properties.length\n ) {\n options[targetOptionIndex].properties.splice(targetPropertyIndex, 1);\n }\n\n return updatedField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: removePropertyFromOptionRecursive(\n objectField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: removePropertyFromOptionRecursive(\n option.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n ),\n })),\n } as FormField;\n }\n\n if (\n field.type === 'array' &&\n field.arrayType === 'object' &&\n (field as FormArrayField).properties\n ) {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: removePropertyFromOptionRecursive(\n arrayField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n setFormFields((prev) =>\n removePropertyFromOptionRecursive(prev, fieldId, optionIndex, propertyIndex),\n );\n };\n\n const updateObjectProperty = (\n fieldId: string,\n propertyIndex: number,\n updates: Partial<ConfigInput>,\n ) => {\n setFormFields((prev) => {\n return prev.map((field) => {\n if (field.id !== fieldId) return field;\n\n const updatedField = JSON.parse(JSON.stringify(field));\n const objectInput = updatedField as ObjectInput;\n\n objectInput.properties[propertyIndex] = {\n ...objectInput.properties[propertyIndex],\n ...updates,\n } as ConfigInput;\n\n return updatedField;\n }) as FormField[];\n });\n };\n\n const updateOptionProperty = (\n fieldId: string,\n optionIndex: number,\n propertyIndex: number,\n updates: Partial<ConfigInput>,\n ) => {\n const updatePropertyInOptionRecursive = (\n fields: FormField[],\n targetFieldId: string,\n targetOptionIndex: number,\n targetPropertyIndex: number,\n propertyUpdates: Partial<ConfigInput>,\n ): FormField[] => {\n return fields.map((field) => {\n if (\n field.id === targetFieldId &&\n (field.type === 'oneOf' || field.type === 'anyOf')\n ) {\n const updatedField = JSON.parse(JSON.stringify(field));\n const options = updatedField.options;\n\n if (\n options &&\n Array.isArray(options) &&\n targetOptionIndex >= 0 &&\n targetOptionIndex < options.length &&\n options[targetOptionIndex].properties &&\n targetPropertyIndex >= 0 &&\n targetPropertyIndex < options[targetOptionIndex].properties.length\n ) {\n options[targetOptionIndex].properties[targetPropertyIndex] = {\n ...options[targetOptionIndex].properties[targetPropertyIndex],\n ...propertyUpdates,\n } as ConfigInput;\n }\n\n return updatedField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: updatePropertyInOptionRecursive(\n objectField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n propertyUpdates,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: updatePropertyInOptionRecursive(\n option.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n propertyUpdates,\n ),\n })),\n } as FormField;\n }\n\n if (\n field.type === 'array' &&\n field.arrayType === 'object' &&\n (field as FormArrayField).properties\n ) {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: updatePropertyInOptionRecursive(\n arrayField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n targetPropertyIndex,\n propertyUpdates,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n setFormFields((prev) =>\n updatePropertyInOptionRecursive(prev, fieldId, optionIndex, propertyIndex, updates),\n );\n };\n\n const addOption = (fieldId: string) => {\n const addOptionRecursive = (fields: FormField[], targetFieldId: string): FormField[] => {\n return fields.map((field) => {\n if (\n field.id === targetFieldId &&\n (field.type === 'oneOf' || field.type === 'anyOf')\n ) {\n const updatedField = JSON.parse(JSON.stringify(field));\n const options = updatedField.options;\n\n if (options && Array.isArray(options)) {\n const optionLetter = String.fromCharCode(65 + options.length);\n const newOption = {\n title: `Option ${optionLetter}`,\n value: `option${optionLetter.toLowerCase()}`,\n properties: [\n {\n type: 'text',\n name: 'textField',\n title: 'Text Field',\n id: generateId(),\n } as FormField,\n ],\n };\n\n options.push(newOption);\n }\n\n return updatedField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: addOptionRecursive(\n objectField.properties as FormField[],\n targetFieldId,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: addOptionRecursive(\n option.properties as FormField[],\n targetFieldId,\n ),\n })),\n } as FormField;\n }\n\n if (\n field.type === 'array' &&\n field.arrayType === 'object' &&\n (field as FormArrayField).properties\n ) {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: addOptionRecursive(\n arrayField.properties as FormField[],\n targetFieldId,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n setFormFields((prev) => addOptionRecursive(prev, fieldId));\n };\n\n const removeOption = (fieldId: string, optionIndex: number) => {\n const removeOptionRecursive = (\n fields: FormField[],\n targetFieldId: string,\n targetOptionIndex: number,\n ): FormField[] => {\n return fields.map((field) => {\n if (\n field.id === targetFieldId &&\n (field.type === 'oneOf' || field.type === 'anyOf')\n ) {\n const updatedField = JSON.parse(JSON.stringify(field));\n const options = updatedField.options;\n\n if (\n options &&\n Array.isArray(options) &&\n targetOptionIndex >= 0 &&\n targetOptionIndex < options.length\n ) {\n if (options.length > 1) {\n options.splice(targetOptionIndex, 1);\n }\n }\n\n return updatedField;\n }\n\n if (field.type === 'object' && (field as ObjectInput).properties) {\n const objectField = field as ObjectInput;\n return {\n ...field,\n properties: removeOptionRecursive(\n objectField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n } as FormField;\n }\n\n if (\n (field.type === 'oneOf' || field.type === 'anyOf') &&\n (field as OneOfInput | AnyOfInput).options\n ) {\n const optionsField = field as OneOfInput | AnyOfInput;\n return {\n ...field,\n options: optionsField.options.map((option) => ({\n ...option,\n properties: removeOptionRecursive(\n option.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n })),\n } as FormField;\n }\n\n if (\n field.type === 'array' &&\n field.arrayType === 'object' &&\n (field as FormArrayField).properties\n ) {\n const arrayField = field as FormArrayField;\n return {\n ...field,\n properties: removeOptionRecursive(\n arrayField.properties as FormField[],\n targetFieldId,\n targetOptionIndex,\n ),\n } as FormField;\n }\n\n return field;\n });\n };\n\n setFormFields((prev) => removeOptionRecursive(prev, fieldId, optionIndex));\n };\n\n const resetForm = () => {\n setFormFields([]);\n };\n\n return {\n formFields,\n createField,\n addField,\n removeField,\n updateField,\n addObjectProperty,\n addOptionProperty,\n removeObjectProperty,\n removeOptionProperty,\n updateObjectProperty,\n updateOptionProperty,\n addOption,\n removeOption,\n resetForm,\n };\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"forms.js","sourceRoot":"../../../../src","sources":["common/types/forms.ts"],"names":[],"mappings":"","sourcesContent":["import {PageContentWithNavigation} from '../../models';\n\nexport type DynamicFormValue =\n | string\n | number\n | []\n | object\n | boolean\n | PageContentWithNavigation\n | undefined;\n\nexport interface BlockConfig {\n name: string;\n inputs: Array<ConfigInput>;\n group?: string;\n default?: object;\n previewImg?: string;\n}\n\nexport interface TextInput {\n type: 'text';\n name: string;\n title: string;\n}\n\nexport interface BooleanInput {\n type: 'boolean';\n name: string;\n title: string;\n}\n\nexport interface NumberInput {\n type: 'number';\n name: string;\n title: string;\n}\n\nexport interface TextAreaInput {\n type: 'textarea';\n name: string;\n title: string;\n}\n\nexport interface SelectBaseInput {\n type: 'select';\n name: string;\n title: string;\n view: 'select' | 'radiobutton';\n mode: 'single' | 'multiple';\n enum: Array<{content: string; value: string}>;\n}\n\nexport interface SelectSingleInput extends SelectBaseInput {\n type: 'select';\n name: string;\n title: string;\n view: 'select' | 'radiobutton';\n mode: 'single';\n enum: Array<{content: string; value: string}>;\n}\n\nexport interface SelectMultipleInput extends SelectBaseInput {\n type: 'select';\n name: string;\n title: string;\n view: 'select';\n mode: 'multiple';\n enum: Array<{content: string; value: string}>;\n}\n\nexport interface ObjectInput {\n type: 'object';\n name: string;\n title: string;\n properties: Array<ConfigInput>;\n}\n\nexport interface ArrayBaseInput {\n type: 'array';\n arrayType: 'object' | 'text';\n name: string;\n title: string;\n buttonText: string;\n}\n\nexport interface ArrayTextInput extends ArrayBaseInput {\n arrayType: 'text';\n}\n\nexport interface ArrayObjectInput extends ArrayBaseInput {\n arrayType: 'object';\n properties: Array<ConfigInput>;\n}\n\nexport interface OneOfInput {\n type: 'oneOf';\n name: string;\n key?: string;\n title: string;\n options: {\n value: string;\n title: string;\n properties: Array<ConfigInput>;\n }[];\n}\n\nexport interface AnyOfInput {\n type: 'anyOf';\n name: string;\n key?: string;\n title: string;\n options: {\n value: string;\n title: string;\n properties: Array<ConfigInput>;\n }[];\n}\n\nexport interface GeneralProps {\n showIf?: string;\n}\n\nexport type ConfigInput = (\n | TextInput\n | BooleanInput\n | NumberInput\n | TextAreaInput\n | SelectSingleInput\n | SelectMultipleInput\n | ObjectInput\n | ArrayTextInput\n | ArrayObjectInput\n | OneOfInput\n | AnyOfInput\n) &\n GeneralProps;\n"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ConfigInput, DynamicFormValue } from "../../../common/types/index.js";
|
|
2
|
-
import './DynamicForm.css';
|
|
3
|
-
interface DynamicFormProps {
|
|
4
|
-
blockConfig: Array<ConfigInput>;
|
|
5
|
-
contentConfig?: object;
|
|
6
|
-
onUpdateByKey?: (key: string, value: DynamicFormValue) => void;
|
|
7
|
-
onUpdate?: (value: object) => void;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const DynamicForm: ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }: DynamicFormProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export default DynamicForm;
|
|
@@ -1 +0,0 @@
|
|
|
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 ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport AnyOfDynamicField from './Fields/AnyOf/AnyOf';\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\nimport './DynamicForm.scss';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: object;\n onUpdateByKey?: (key: string, value: DynamicFormValue) => void;\n onUpdate?: (value: object) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdateByKey, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\n\n const onDataUpdate = React.useCallback(\n (key: string, value: DynamicFormValue) => {\n if (onUpdateByKey) {\n onUpdateByKey(key, value);\n }\n if (onUpdate && contentConfig) {\n const newContentConfig = _.cloneDeep(contentConfig);\n _.set(newContentConfig, key, value);\n onUpdate(newContentConfig);\n }\n },\n [onUpdateByKey, onUpdate, contentConfig],\n );\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onDataUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onDataUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input || !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'anyOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <AnyOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onDataUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default DynamicForm;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,6BAA0B;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,QAAQ,CAAC,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,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACxC,yBAAO,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,EACjC,SAAS,IAAI,CACV,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,IACC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,KAAC,WAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CACzB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,UAAU,EAAC,CAAC,YAAG,QAAQ,GAAO,CAChE,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {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 <span>{_.capitalize(title)}</span>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title || showChildren) && (\n <div className={b('children', {expandable})}>{children}</div>\n )}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = editorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
.pceditor-array-dynamic-field__card {
|
|
2
|
-
padding: 12px;
|
|
3
|
-
margin-top: 12px;
|
|
4
|
-
border-left: 3px solid var(--g-color-line-generic);
|
|
5
|
-
}
|
|
6
|
-
.pceditor-array-dynamic-field__card:first-child {
|
|
7
|
-
margin-top: 0;
|
|
8
|
-
}
|
|
9
|
-
.pceditor-array-dynamic-field__row {
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: space-between;
|
|
13
|
-
gap: 10px;
|
|
14
|
-
margin-top: 10px;
|
|
15
|
-
}
|
|
16
|
-
.pceditor-array-dynamic-field__row:first-child {
|
|
17
|
-
margin-top: 0;
|
|
18
|
-
}
|
|
19
|
-
.pceditor-array-dynamic-field__card-head {
|
|
20
|
-
margin-bottom: 8px;
|
|
21
|
-
}
|
|
22
|
-
.pceditor-array-dynamic-field__row-title {
|
|
23
|
-
font-family: var(--g-text-subheader-font-family);
|
|
24
|
-
font-weight: var(--g-text-subheader-font-weight);
|
|
25
|
-
font-size: var(--g-text-subheader-3-font-size);
|
|
26
|
-
line-height: var(--g-text-subheader-3-line-height);
|
|
27
|
-
}
|
|
28
|
-
.pceditor-array-dynamic-field__row-title, .pceditor-array-dynamic-field__row-field {
|
|
29
|
-
flex: 1;
|
|
30
|
-
}
|
|
31
|
-
.pceditor-array-dynamic-field__empty {
|
|
32
|
-
padding: 10px;
|
|
33
|
-
display: flex;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
}
|
|
36
|
-
.pceditor-array-dynamic-field__add-button {
|
|
37
|
-
margin-top: 12px;
|
|
38
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
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, 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 <div key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>Item {index + 1}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value as object}\n blockConfig={blockConfig.properties}\n onUpdateByKey={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </div>\n );\n }\n default: {\n return null;\n }\n }\n },\n [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n );\n\n const renderInputs = React.useCallback(() => {\n if (haveItems) {\n const renderItems = values\n .map(renderInput)\n .filter(Boolean) as unknown as React.ReactNode[];\n return (\n <React.Fragment>\n {renderItems}\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n {blockConfig.buttonText}\n </Button>\n </React.Fragment>\n );\n } else {\n return (\n <div className={b('empty')}>\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n Please, add new item\n </Button>\n </div>\n );\n }\n }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n return (\n <FieldBase\n title={title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {renderInputs()}\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
|
package/build/esm/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ItemButton.js","sourceRoot":"../../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,mCAAgC;AAEjD,MAAM,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAWxC,MAAM,UAAU,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,GAAG,KAAK,GACZ,EAAE,EAAE;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAoB,EAAE,EAAE;QACtE,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,YACjF,KAAC,IAAI,IAAC,IAAI,EAAE,gBAAgB,GAAI,GAC3B,EACT,KAAC,KAAK,IACF,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAEtC,MAAC,IAAI,eACD,KAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EACzC,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,uBAG3B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,sBAAsB,CAAC,WAAW,CAAC,EAC5C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,GAAI,2BAG1B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAC9C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,6BAG5B,IACT,GACH,IACK,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {ArrowDown, ArrowUp, EllipsisVertical, TrashBin} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Popup} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../../../utils/cn';\n\nconst b = editorCn('array-item-button');\n\ninterface ItemButtonProps {\n onRemove: () => void;\n onReorderUp: () => void;\n disableReorderUp?: boolean;\n onReorderDown: () => void;\n disableReorderDown?: boolean;\n className?: string;\n}\n\nconst ItemButton = ({\n className,\n onRemove,\n onReorderUp,\n onReorderDown,\n disableReorderUp = false,\n disableReorderDown = false,\n}: ItemButtonProps) => {\n const buttonRef = React.useRef(null);\n const [isOpen, setIsOpen] = React.useState(false);\n\n const onMenuItemClickWrapper = React.useCallback((callback: () => void) => {\n return () => {\n setIsOpen(false);\n callback();\n };\n }, []);\n\n return (\n <React.Fragment>\n <Button className={b(null, className)} ref={buttonRef} onClick={() => setIsOpen(true)}>\n <Icon data={EllipsisVertical} />\n </Button>\n <Popup\n placement={'bottom-end'}\n anchorRef={buttonRef}\n open={isOpen}\n onOutsideClick={() => setIsOpen(false)}\n >\n <Menu>\n <Menu.Item\n theme={'danger'}\n onClick={onMenuItemClickWrapper(onRemove)}\n iconStart={<Icon data={TrashBin} />}\n >\n Remove\n </Menu.Item>\n <Menu.Item\n disabled={disableReorderUp}\n onClick={onMenuItemClickWrapper(onReorderUp)}\n iconStart={<Icon data={ArrowUp} />}\n >\n Reorder Up\n </Menu.Item>\n <Menu.Item\n disabled={disableReorderDown}\n onClick={onMenuItemClickWrapper(onReorderDown)}\n iconStart={<Icon data={ArrowDown} />}\n >\n Reorder Down\n </Menu.Item>\n </Menu>\n </Popup>\n </React.Fragment>\n );\n};\n\nexport default ItemButton;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Boolean.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Boolean/Boolean.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAQ5C,MAAM,mBAAmB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAe,EAAE,EAAE;IAC9E,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import {Switch} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Boolean.scss';\n\nconst b = editorCn('boolean-dynamic-field');\n\ninterface BooleanProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: boolean | undefined) => void;\n className?: string;\n}\n\nconst BooleanDynamicField = ({title, value, onUpdate, className}: BooleanProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <Switch className={b('switch')} checked={Boolean(value)} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default BooleanDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Number.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Number/Number.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC;AAQ3C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QACzC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAI,GACjD,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('number-dynamic-field');\n\ninterface NumberDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: number | undefined) => void;\n className?: string;\n}\n\nconst NumberDynamicField = ({title, value, onUpdate, className}: NumberDynamicFieldProps) => {\n const onUpdateFunc = (updateValue: string) => {\n onUpdate(Number(updateValue));\n };\n\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextInput value={value || ''} onUpdate={onUpdateFunc} />\n </FieldBase>\n );\n};\n\nexport default NumberDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,6BAA0B;AAC5C,OAAO,SAA4B,qCAAkC;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,EACvD,UAAU,kBAEV,KAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,GAAI,GAChF,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {ConfigInput, DynamicFormValue} from '../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: object;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: Array<ConfigInput>;\n className?: string;\n}\n\nconst ObjectDynamicField = ({\n title,\n value,\n onUpdate,\n className,\n blockConfig,\n}: ObjectDynamicFieldProps) => {\n return (\n <FieldBase\n title={title}\n className={className}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n expandable\n >\n <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdateByKey={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
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 {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 {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue}\n onUpdate={onUpdateOneOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue ? [oneOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n className={b('select')}\n />\n )}\n {oneOfChosenOption && (\n <DynamicForm\n blockConfig={oneOfChosenOption.properties}\n contentConfig={oneOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,QAAQ,CAAC,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;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACH,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,CAAC,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CACvC,KAAC,MAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CACvB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAEnE,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,EAAE,UAAU,GACtB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAAC,UAAU,IAAI,CAC3C,KAAC,mBAAmB,IAChB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAC9C,QAAQ,EAAE,QAAQ,GACpB,CACL,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../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 | string[];\n onUpdate: (value: string | string[] | undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view || 'radiobutton';\n const isMultiple = input.mode === 'multiple';\n const currentValue = Array.isArray(value) ? value : [value];\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {(inputView === 'select' || isMultiple) && (\n <Select\n placeholder={'Value'}\n value={value ? currentValue : []}\n onUpdate={(selectValues) =>\n isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0])\n }\n options={input.enum}\n className={b('select')}\n multiple={isMultiple}\n />\n )}\n {inputView === 'radiobutton' && !isMultiple && (\n <SegmentedRadioGroup\n options={input.enum}\n value={Array.isArray(value) ? value[0] : value}\n onUpdate={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAQzC,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE;IACpF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC7C,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('text-dynamic-field');\n\ninterface TextDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst TextDynamicField = ({title, value, onUpdate, className}: TextDynamicFieldProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextInput value={value || ''} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default TextDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AAQ7C,MAAM,oBAAoB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAE,EAAE;IAC5F,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACrE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {TextArea} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('textarea-dynamic-field');\n\ninterface TextAreaDynamicFieldProps extends FieldBaseParams {\n value: string;\n onUpdate: (value: string | undefined) => void;\n className?: string;\n}\n\nconst TextAreaDynamicField = ({title, value, onUpdate, className}: TextAreaDynamicFieldProps) => {\n return (\n <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n <TextArea minRows={5} maxRows={20} value={value || ''} onUpdate={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default TextAreaDynamicField;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAIvB,MAAM,CAAC,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;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,aAA+B,EAAE,IAAY,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAC7D,CAAC,CAAC","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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddPropertyButton.js","sourceRoot":"../../../../../src","sources":["form-generator/components/AddPropertyButton/AddPropertyButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,MAAM,aAAa,CAAC;AAGhC,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;AAQvC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,kBAAkB,EAClB,KAAK,EACL,UAAU,GAAG,gBAAgB,GAChC,EAAE,EAAE,CAAC,CACF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrC,GAAG,IAAI;YACP,MAAM,EAAE,GAAG,EAAE;gBACT,KAAK,CAAC,IAAI,CAAC,IAA2B,CAAC,CAAC;YAC5C,CAAC;SACJ,CAAC,CAAC,EACH,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,UAAU,GACN,CACZ,GACH,GACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\n\nimport './AddPropertyButton.scss';\n\nconst b = block('add-property-button');\n\ninterface AddPropertyButtonProps {\n inputTypeMenuItems: Array<{action: () => void; text: string; type: string}>;\n onAdd: (type: ConfigInput['type']) => void;\n buttonText?: string;\n}\n\nexport const AddPropertyButton: React.FC<AddPropertyButtonProps> = ({\n inputTypeMenuItems,\n onAdd,\n buttonText = '+ Add Property',\n}) => (\n <div className={b()}>\n <DropdownMenu\n items={inputTypeMenuItems.map((item) => ({\n ...item,\n action: () => {\n onAdd(item.type as ConfigInput['type']);\n },\n }))}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {buttonText}\n </Button>\n )}\n />\n </div>\n);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArrayFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAcxC,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,WAAW,EAAC,GAAG,cAAc,EAAE,CAAC;IAE1D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAEvB,eAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,4BAAmB,EACzC,KAAC,YAAY,IACT,KAAK,EAAE;4BACH;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,CAAC;gCACxD,IAAI,EAAE,MAAM;6BACf;4BACD;gCACI,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,CAAC;gCAC1D,IAAI,EAAE,QAAQ;6BACjB;yBACJ,EACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,YACpC,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GAC5C,CACZ,GACH,IACA,EAGN,KAAC,SAAS,IACN,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,CAAC,GACjE,EAGD,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,CAC7B,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEnC,KAA0B,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAC9D,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAC/C,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GACpD,IACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ArrayObjectInput, ConfigInput} from '../../../editor-v2';\nimport {ConfigRow} from '../ConfigRow/ConfigRow';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormArrayField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './ArrayFieldRenderer.scss';\n\nconst b = block('array-field-renderer');\n\ninterface ArrayFieldRendererProps {\n field: FormArrayField;\n fieldName: string;\n inputTypeMenuItems: InputTypeMenuItem[];\n renderNestedField: (\n field: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => React.ReactNode;\n}\n\nexport const ArrayFieldRenderer: React.FC<ArrayFieldRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addObjectProperty, updateField} = useFormContext();\n\n return (\n <div className={b('config')}>\n {/* Array Type Selection */}\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Array Type:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {arrayType: 'text'}),\n text: 'Text',\n },\n {\n action: () => updateField(field.id, {arrayType: 'object'}),\n text: 'Object',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {field.arrayType === 'object' ? 'Object' : 'Text'}\n </Button>\n )}\n />\n </div>\n\n {/* Button Text Configuration */}\n <ConfigRow\n label=\"Button Text\"\n value={field.buttonText}\n onUpdate={(value) => updateField(field.id, {buttonText: value})}\n />\n\n {/* Properties for Object Array Type */}\n {field.arrayType === 'object' && (\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" />\n\n {(field as ArrayObjectInput)?.properties?.map((property, index) =>\n renderNestedField(property, index, field.id),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => addObjectProperty(field.id, type)}\n />\n </div>\n )}\n </div>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigRow.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ConfigRow/ConfigRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAQ9B,MAAM,kBAAkB,GAA6B,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,QAAgB,EAAE,EAAE;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,MAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,aAAE,KAAK,SAAS,EACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,GAAG,GAAG,IAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './ConfigRow.scss';\n\nconst b = block('config-row');\n\ninterface ConfigRowProps {\n label: string;\n value: string;\n onUpdate: (value: string) => void;\n}\n\nconst ConfigRowComponent: React.FC<ConfigRowProps> = ({label, value, onUpdate}) => {\n const handleUpdate = React.useCallback(\n (newValue: string) => {\n onUpdate(newValue);\n },\n [onUpdate],\n );\n\n return (\n <div className={b()}>\n <Text variant=\"body-2\">{label}:</Text>\n <TextInput value={value} onUpdate={handleUpdate} size=\"s\" />\n </div>\n );\n};\n\nexport const ConfigRow = React.memo(ConfigRowComponent);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldCard.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldCard/FieldCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,WAAW,EAAC,sCAAmC;AACvD,OAAO,EAAC,kBAAkB,EAAC,oDAAiD;AAC5E,OAAO,EAAC,mBAAmB,EAAC,sDAAmD;AAC/E,OAAO,EAAC,eAAe,EAAC,8CAA2C;AACnE,OAAO,EAAC,mBAAmB,EAAC,sDAAmD;AAC/E,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAUvD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAE,EAAE;IAC/E,MAAM,EACF,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,GACvB,GAAG,cAAc,EAAE,CAAC;IAErB,MAAM,iBAAiB,GAAG,CACtB,WAAwB,EACxB,KAAa,EACb,QAAgB,EAChB,WAAoB,EACtB,EAAE;QACA,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,CAAC;QAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,IAAI,UAAU,EAAE,CAAC;gBACb,oBAAoB,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;YACvD,CAAC;iBAAM,CAAC;gBACJ,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,OAA6B,EAAE,EAAE;YACnD,IAAI,UAAU,EAAE,CAAC;gBACb,oBAAoB,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACJ,oBAAoB,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,eAAkC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,aAC1D,KAAC,WAAW,IACR,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,EACrC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,IAAI,GACjB,EAEF,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,SAAS,IACN,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,IAAI,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,GAClD,EACF,KAAC,SAAS,IACN,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,GACnD,EAGD,8BAA8B,CAAC,WAAW,EAAE,QAAQ,CAAC,IACpD,KAtBA,GAAG,QAAQ,IAAI,KAAK,EAAE,CAuB1B,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,CAAC,WAAwB,EAAE,QAAgB,EAAE,EAAE;QAClF,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;YACvB,KAAK,QAAQ;gBACT,OAAO,CACH,KAAC,mBAAmB,IAChB,KAAK,EAAE,WAA8B,EACrC,SAAS,EAAE,QAAQ,EACnB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;YAEN,KAAK,OAAO;gBACR,OAAO,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,WAA6B,EACpC,SAAS,EAAE,QAAQ,EACnB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;YAEN,KAAK,OAAO;gBACR,OAAO,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,WAA6B,EACpC,SAAS,EAAE,QAAQ,EACnB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;YAEN,KAAK,QAAQ;gBACT,OAAO,KAAC,mBAAmB,IAAC,KAAK,EAAE,WAAwB,GAAI,CAAC;YAEpE,KAAK,OAAO;gBACR,OAAO,CACH,KAAC,kBAAkB,IACf,KAAK,EAAE,WAA6B,EACpC,SAAS,EAAE,QAAQ,EACnB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;YAEN;gBACI,OAAO,IAAI,CAAC;QACpB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,IAAgB,SAAS,EAAE,CAAC,EAAE,aAC/B,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,GAAI,EAEvF,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,SAAS,IACN,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,GAC3D,EACF,KAAC,SAAS,IACN,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,GAC5D,EAGD,8BAA8B,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAC9C,KAjBC,KAAK,CAAC,EAAE,CAkBZ,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Card} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\nimport {ConfigRow} from '../ConfigRow/ConfigRow';\nimport {FieldHeader} from '../FieldHeader/FieldHeader';\nimport {ArrayFieldRenderer} from '../ArrayFieldRenderer/ArrayFieldRenderer';\nimport {ObjectFieldRenderer} from '../ObjectFieldRenderer/ObjectFieldRenderer';\nimport {OptionsRenderer} from '../OptionsRenderer/OptionsRenderer';\nimport {SelectFieldRenderer} from '../SelectFieldRenderer/SelectFieldRenderer';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {\n FormAnyOfField,\n FormArrayField,\n FormField,\n FormObjectField,\n FormOneOfField,\n InputTypeMenuItem,\n} from '../../hooks/types';\n\nimport './FieldCard.scss';\n\nconst b = block('field-card');\n\ninterface FieldCardProps {\n field: FormField;\n inputTypeMenuItems: InputTypeMenuItem[];\n}\n\nexport const FieldCard: React.FC<FieldCardProps> = ({field, inputTypeMenuItems}) => {\n const {\n removeField,\n updateField,\n removeObjectProperty,\n removeOptionProperty,\n updateObjectProperty,\n updateOptionProperty,\n } = useFormContext();\n\n const renderNestedField = (\n nestedField: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => {\n const isInOption = optionIndex !== undefined;\n\n const handleRemove = () => {\n if (isInOption) {\n removeOptionProperty(parentId, optionIndex, index);\n } else {\n removeObjectProperty(parentId, index);\n }\n };\n\n const handleUpdate = (updates: Partial<ConfigInput>) => {\n if (isInOption) {\n updateOptionProperty(parentId, optionIndex, index, updates);\n } else {\n updateObjectProperty(parentId, index, updates);\n }\n };\n\n return (\n <div key={`${parentId}_${index}`} className={b('nested-field')}>\n <FieldHeader\n title={nestedField.type.toUpperCase()}\n onRemove={handleRemove}\n variant=\"subheader-3\"\n buttonSize=\"xs\"\n />\n\n <div className={b('config')}>\n <ConfigRow\n label=\"Name\"\n value={nestedField.name}\n onUpdate={(value) => handleUpdate({name: value})}\n />\n <ConfigRow\n label=\"Title\"\n value={nestedField.title}\n onUpdate={(value) => handleUpdate({title: value})}\n />\n\n {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n {renderFieldTypeSpecificContent(nestedField, parentId)}\n </div>\n </div>\n );\n };\n\n const renderFieldTypeSpecificContent = (fieldConfig: ConfigInput, parentId: string) => {\n switch (fieldConfig.type) {\n case 'object':\n return (\n <ObjectFieldRenderer\n field={fieldConfig as FormObjectField}\n fieldName={parentId}\n inputTypeMenuItems={inputTypeMenuItems}\n renderNestedField={renderNestedField}\n />\n );\n\n case 'oneOf':\n return (\n <OptionsRenderer\n field={fieldConfig as FormOneOfField}\n fieldName={parentId}\n inputTypeMenuItems={inputTypeMenuItems}\n renderNestedField={renderNestedField}\n />\n );\n\n case 'anyOf':\n return (\n <OptionsRenderer\n field={fieldConfig as FormAnyOfField}\n fieldName={parentId}\n inputTypeMenuItems={inputTypeMenuItems}\n renderNestedField={renderNestedField}\n />\n );\n\n case 'select':\n return <SelectFieldRenderer field={fieldConfig as FormField} />;\n\n case 'array':\n return (\n <ArrayFieldRenderer\n field={fieldConfig as FormArrayField}\n fieldName={parentId}\n inputTypeMenuItems={inputTypeMenuItems}\n renderNestedField={renderNestedField}\n />\n );\n\n default:\n return null;\n }\n };\n\n return (\n <Card key={field.id} className={b()}>\n <FieldHeader title={field.type.toUpperCase()} onRemove={() => removeField(field.id)} />\n\n <div className={b('config')}>\n <ConfigRow\n label=\"Name\"\n value={field.name}\n onUpdate={(value) => updateField(field.id, {name: value})}\n />\n <ConfigRow\n label=\"Title\"\n value={field.title}\n onUpdate={(value) => updateField(field.id, {title: value})}\n />\n\n {/* Render type-specific configuration */}\n {renderFieldTypeSpecificContent(field, field.id)}\n </div>\n </Card>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldHeader/FieldHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAShC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,UAAU,GAAG,GAAG,GACnB,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,uBAErD,IACP,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Button, Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './FieldHeader.scss';\n\nconst b = block('field-header');\n\ninterface FieldHeaderProps {\n title: string;\n onRemove: () => void;\n variant?: 'subheader-2' | 'subheader-3';\n buttonSize?: 's' | 'xs';\n}\n\nexport const FieldHeader: React.FC<FieldHeaderProps> = ({\n title,\n onRemove,\n variant = 'subheader-2',\n buttonSize = 's',\n}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n <Button view=\"flat-danger\" size={buttonSize} onClick={onRemove}>\n Remove\n </Button>\n </div>\n);\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FormField } from "../../hooks/types.js";
|
|
3
|
-
import './FormBuilder.css';
|
|
4
|
-
interface FormBuilderProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
formFields: Array<FormField>;
|
|
7
|
-
}
|
|
8
|
-
export declare const FormBuilder: React.FC<FormBuilderProps>;
|
|
9
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormBuilder.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FormBuilder/FormBuilder.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,kCAA+B;AACjD,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAOhC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAC,SAAS,EAAE,UAAU,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,QAAQ,EAAC,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,kBAAkB,GAAwB;QAC5C;YACI,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC9B,IAAI,EAAE,YAAY;SACrB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YACjC,IAAI,EAAE,eAAe;SACxB;QACD;YACI,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;YAClC,IAAI,EAAE,gBAAgB;SACzB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,cAAc;SACvB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;QACD;YACI,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,EAAE,aAAa;SACtB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,SAAS,IAEN,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,IAFjC,KAAK,CAAC,EAAE,CAGf,CACL,CAAC,GACA,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,KAAC,YAAY,IACT,KAAK,EAAE,kBAAkB,EACzB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,4BAEhC,CACZ,GACH,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {Button, DropdownMenu} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {FieldCard} from '../FieldCard/FieldCard';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './FormBuilder.scss';\n\nconst b = block('form-builder');\n\ninterface FormBuilderProps {\n className?: string;\n formFields: Array<FormField>;\n}\n\nexport const FormBuilder: React.FC<FormBuilderProps> = ({className, formFields}) => {\n const {addField} = useFormContext();\n\n const inputTypeMenuItems: InputTypeMenuItem[] = [\n {\n type: 'text',\n action: () => addField('text'),\n text: 'Text Input',\n },\n {\n type: 'number',\n action: () => addField('number'),\n text: 'Number Input',\n },\n {\n type: 'boolean',\n action: () => addField('boolean'),\n text: 'Boolean Input',\n },\n {\n type: 'textarea',\n action: () => addField('textarea'),\n text: 'Textarea Input',\n },\n {\n type: 'select',\n action: () => addField('select'),\n text: 'Select Input',\n },\n {\n type: 'object',\n action: () => addField('object'),\n text: 'Object Input',\n },\n {\n type: 'array',\n action: () => addField('array'),\n text: 'Array Input',\n },\n {\n type: 'oneOf',\n action: () => addField('oneOf'),\n text: 'OneOf Input',\n },\n {\n type: 'anyOf',\n action: () => addField('anyOf'),\n text: 'AnyOf Input',\n },\n ];\n\n return (\n <div className={b(null, className)}>\n <div className={b('fields-list')}>\n {formFields.map((field) => (\n <FieldCard\n key={field.id}\n field={field}\n inputTypeMenuItems={inputTypeMenuItems}\n />\n ))}\n </div>\n\n <div className={b('field')}>\n <DropdownMenu\n items={inputTypeMenuItems}\n renderSwitcher={(props) => (\n <Button {...props} view=\"action\" size=\"l\">\n + Add Field\n </Button>\n )}\n />\n </div>\n </div>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ObjectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAczC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACpE,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAC,GAAG,cAAc,EAAE,CAAC;IAE7C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,GAAG,EAEpC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CACtC,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAC/C,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,GACpD,IACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport block from 'bem-cn-lite';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormObjectField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './ObjectFieldRenderer.scss';\n\nconst b = block('object-field-renderer');\n\ninterface ObjectFieldRendererProps {\n field: FormObjectField;\n fieldName: string;\n inputTypeMenuItems: InputTypeMenuItem[];\n renderNestedField: (\n field: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => React.ReactNode;\n}\n\nexport const ObjectFieldRenderer: React.FC<ObjectFieldRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addObjectProperty} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" />\n\n {field.properties.map((property, index) =>\n renderNestedField(property, index, field.id),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => addObjectProperty(field.id, type)}\n />\n </div>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OptionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionHeader/OptionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAMjC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAClE,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACxC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './OptionHeader.scss';\n\nconst b = block('option-header');\n\ninterface OptionHeaderProps {\n title: string;\n}\n\nexport const OptionHeader: React.FC<OptionHeaderProps> = ({title}) => (\n <div className={b()}>\n <Text variant=\"subheader-3\">{title}</Text>\n </div>\n);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAC1D,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAC;IAEtE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACV,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,6BAG5B,IACP,EAEL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACxC,eAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gCACxC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,uBAG/B,CACZ,IACC,EAEN,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,GAAG,EAErD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAC3C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAChE,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gCACnD,CAAC,GACH,IACA,KA9BA,UAAU,WAAW,EAAE,CA+B3B,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport block from 'bem-cn-lite';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './OptionsRenderer.scss';\n\nconst b = block('options-renderer');\n\ninterface OptionsRendererProps {\n field: FormOptionsField;\n fieldName: string;\n inputTypeMenuItems: InputTypeMenuItem[];\n renderNestedField: (\n field: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => React.ReactNode;\n}\n\nexport const OptionsRenderer: React.FC<OptionsRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addOptionProperty, addOption, removeOption} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <div className={b('header')}>\n <SectionHeader title=\"Options:\" />\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n addOption(field.id);\n }}\n className={b('add-option-button')}\n >\n + Add Option\n </Button>\n </div>\n\n {field.options.map((option, optionIndex) => (\n <div key={`option_${optionIndex}`} className={b('option')}>\n <div className={b('option-header')}>\n <OptionHeader title={option.title} />\n {field.options.length > 1 && (\n <Button\n view=\"normal\"\n size=\"xs\"\n onClick={() => {\n removeOption(field.id, optionIndex);\n }}\n className={b('remove-option-button')}\n >\n Remove\n </Button>\n )}\n </div>\n\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" variant=\"body-2\" />\n\n {option.properties.map((property, propIndex) =>\n renderNestedField(property, propIndex, field.id, optionIndex),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => {\n addOptionProperty(field.id, optionIndex, type);\n }}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"]}
|