@gravity-ui/page-constructor 6.3.2-alpha.11 → 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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} +6 -7
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/{esm/form-generator → cjs/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/cjs/{form-generator/hooks → 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/{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/{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/{cjs/form-generator → esm/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/esm/{form-generator/hooks → 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/{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/{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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormFields.js","sourceRoot":"../../../../src","sources":["form-builder/hooks/useFormFields.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnyOfInput, ConfigInput, ObjectInput, OneOfInput} from '../../form-generator';\nimport {FormArrayField, FormField} from '../types';\n\ninterface UseFormFieldsProps {\n initialFields: FormField[];\n onChange?: (fields: FormField[]) => void;\n}\n\nexport const useFormFields = ({initialFields, onChange}: UseFormFieldsProps) => {\n const [formFields, setFormFields] = React.useState<FormField[]>(initialFields);\n\n const [nextId, setNextId] = React.useState<number>(initialFields.length + 1);\n\n const generateId = React.useCallback(() => {\n const id = `field_id_${nextId}`;\n setNextId((prev) => prev + 1);\n return id;\n }, [nextId]);\n\n const generateName = React.useCallback(() => {\n const name = `field_${nextId}`;\n return name;\n }, [nextId]);\n\n const updateFormFields = React.useCallback(\n (fields: FormField[]) => {\n setFormFields(fields);\n onChange?.(fields);\n },\n [onChange],\n );\n\n const createField = React.useCallback(\n (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 [generateId, generateName],\n );\n\n const updateFieldById = React.useCallback(\n (fields: FormField[], fieldId: string, updates: Partial<ConfigInput>): 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 );\n\n const addField = React.useCallback(\n (type: ConfigInput['type']) => {\n const newField = createField(type);\n updateFormFields([...formFields, newField]);\n },\n [createField, formFields, updateFormFields],\n );\n\n const removeField = React.useCallback(\n (fieldId: string) => {\n updateFormFields(formFields.filter((field) => field.id !== fieldId));\n },\n [formFields, updateFormFields],\n );\n\n const updateField = React.useCallback(\n (fieldId: string, updates: Partial<ConfigInput>) => {\n updateFormFields(updateFieldById(formFields, fieldId, updates));\n },\n [formFields, updateFieldById, updateFormFields],\n );\n\n const addPropertyToObjectById = React.useCallback(\n (\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(\n arrayField.properties,\n objectId,\n type,\n ),\n } as FormField;\n }\n }\n\n return field;\n });\n },\n [createField],\n );\n\n const addObjectProperty = React.useCallback(\n (objectId: string, type: ConfigInput['type'] = 'text') => {\n updateFormFields(addPropertyToObjectById(formFields, objectId, type));\n },\n [formFields, addPropertyToObjectById, updateFormFields],\n );\n\n const addOptionProperty = React.useCallback(\n (fieldId: string, optionIndex: number, type: ConfigInput['type'] = 'text') => {\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 [createField],\n );\n\n const removeObjectProperty = React.useCallback(\n (fieldId: string, propertyIndex: number) => {\n updateFormFields(\n formFields.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 [formFields, updateFormFields],\n );\n\n const removeOptionProperty = React.useCallback(\n (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 );\n\n const updateObjectProperty = React.useCallback(\n (fieldId: string, propertyIndex: number, updates: Partial<ConfigInput>) => {\n updateFormFields(\n formFields.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 [formFields, updateFormFields],\n );\n\n const updateOptionProperty = React.useCallback(\n (\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 );\n\n const addOption = React.useCallback(\n (fieldId: string) => {\n const addOptionRecursive = (\n fields: FormField[],\n targetFieldId: string,\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 (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 [generateId],\n );\n\n const removeOption = React.useCallback(\n (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 updateFormFields(removeOptionRecursive(formFields, fieldId, optionIndex));\n },\n [formFields, updateFormFields],\n );\n\n const resetForm = React.useCallback(() => {\n updateFormFields([]);\n }, [updateFormFields]);\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"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./FormBuilder.js"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./hooks/FormContext.js"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./hooks/useFormFields.js"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./types.js"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["form-builder/index.ts"],"names":[],"mappings":";;;AAAA,2DAA8B;AAC9B,iEAAoC;AACpC,mEAAsC;AACtC,qDAAwB","sourcesContent":["export * from './FormBuilder';\nexport * from './hooks/FormContext';\nexport * from './hooks/useFormFields';\nexport * from './types';\n"]}
|
|
File without changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AnyOfInput, ArrayObjectInput, ArrayTextInput, ConfigInput, ObjectInput, OneOfInput } from "
|
|
1
|
+
import { AnyOfInput, ArrayObjectInput, ArrayTextInput, ConfigInput, ObjectInput, OneOfInput } from "../form-generator/index.js";
|
|
2
2
|
export type FormField = ConfigInput & {
|
|
3
3
|
id: string;
|
|
4
4
|
};
|
|
@@ -46,3 +46,8 @@ export interface FormData {
|
|
|
46
46
|
}
|
|
47
47
|
export interface FormContextType extends FormData, FormFieldsActions {
|
|
48
48
|
}
|
|
49
|
+
export interface FormBuilderProps {
|
|
50
|
+
className?: string;
|
|
51
|
+
formFields: Array<FormField>;
|
|
52
|
+
onChange?: (fields: FormField[]) => void;
|
|
53
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["form-builder/types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n AnyOfInput,\n ArrayObjectInput,\n ArrayTextInput,\n ConfigInput,\n ObjectInput,\n OneOfInput,\n} from '../form-generator';\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\nexport interface FormBuilderProps {\n className?: string;\n formFields: Array<FormField>;\n onChange?: (fields: FormField[]) => void;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.formBuilderCn = exports.FORM_BUILDER_NAMESPACE = void 0;
|
|
4
|
+
const classname_1 = require("@bem-react/classname");
|
|
5
|
+
exports.FORM_BUILDER_NAMESPACE = 'pcformbuilder-';
|
|
6
|
+
exports.formBuilderCn = (0, classname_1.withNaming)({ n: exports.FORM_BUILDER_NAMESPACE, e: '__', m: '_' });
|
|
7
|
+
//# sourceMappingURL=cn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-builder/utils/cn.ts"],"names":[],"mappings":";;;AAAA,oDAAgD;AAEnC,QAAA,sBAAsB,GAAG,gBAAgB,CAAC;AAE1C,QAAA,aAAa,GAAG,IAAA,sBAAU,EAAC,EAAC,CAAC,EAAE,8BAAsB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_BUILDER_NAMESPACE = 'pcformbuilder-';\n\nexport const formBuilderCn = withNaming({n: FORM_BUILDER_NAMESPACE, e: '__', m: '_'});\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ConfigInput, DynamicFormValue } from "./types.js";
|
|
2
|
+
interface FormGeneratorProps {
|
|
3
|
+
blockConfig: Array<ConfigInput>;
|
|
4
|
+
contentConfig?: object;
|
|
5
|
+
onUpdateByKey?: (key: string, value: DynamicFormValue) => void;
|
|
6
|
+
onUpdate?: (value: object) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const FormGenerator: ({ blockConfig, onUpdateByKey, onUpdate, contentConfig, }: FormGeneratorProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default FormGenerator;
|
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormGenerator = void 0;
|
|
3
4
|
const tslib_1 = require("tslib");
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const lodash_1 = tslib_1.__importDefault(require("lodash"));
|
|
6
7
|
const React = tslib_1.__importStar(require("react"));
|
|
7
|
-
const cn_1 = require("
|
|
8
|
-
const Array_1 = tslib_1.__importDefault(require("./Fields/Array/Array.js"));
|
|
9
|
-
const Boolean_1 = tslib_1.__importDefault(require("./Fields/Boolean/Boolean.js"));
|
|
10
|
-
const Number_1 = tslib_1.__importDefault(require("./Fields/Number/Number.js"));
|
|
11
|
-
const Object_1 = tslib_1.__importDefault(require("./Fields/Object/Object.js"));
|
|
12
|
-
const AnyOf_1 = tslib_1.__importDefault(require("./Fields/AnyOf/AnyOf.js"));
|
|
13
|
-
const OneOf_1 = tslib_1.__importDefault(require("./Fields/OneOf/OneOf.js"));
|
|
14
|
-
const Select_1 = tslib_1.__importDefault(require("./Fields/Select/Select.js"));
|
|
15
|
-
const Text_1 = tslib_1.__importDefault(require("./Fields/Text/Text.js"));
|
|
16
|
-
const TextArea_1 = tslib_1.__importDefault(require("./Fields/TextArea/TextArea.js"));
|
|
17
|
-
const
|
|
18
|
-
const b = (0, cn_1.
|
|
19
|
-
const
|
|
8
|
+
const cn_1 = require("./utils/cn.js");
|
|
9
|
+
const Array_1 = tslib_1.__importDefault(require("./components/Fields/Array/Array.js"));
|
|
10
|
+
const Boolean_1 = tslib_1.__importDefault(require("./components/Fields/Boolean/Boolean.js"));
|
|
11
|
+
const Number_1 = tslib_1.__importDefault(require("./components/Fields/Number/Number.js"));
|
|
12
|
+
const Object_1 = tslib_1.__importDefault(require("./components/Fields/Object/Object.js"));
|
|
13
|
+
const AnyOf_1 = tslib_1.__importDefault(require("./components/Fields/AnyOf/AnyOf.js"));
|
|
14
|
+
const OneOf_1 = tslib_1.__importDefault(require("./components/Fields/OneOf/OneOf.js"));
|
|
15
|
+
const Select_1 = tslib_1.__importDefault(require("./components/Fields/Select/Select.js"));
|
|
16
|
+
const Text_1 = tslib_1.__importDefault(require("./components/Fields/Text/Text.js"));
|
|
17
|
+
const TextArea_1 = tslib_1.__importDefault(require("./components/Fields/TextArea/TextArea.js"));
|
|
18
|
+
const common_1 = require("./utils/common.js");
|
|
19
|
+
const b = (0, cn_1.formGeneratorCn)('form-generator');
|
|
20
|
+
const FormGenerator = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig, }) => {
|
|
20
21
|
const inputs = blockConfig;
|
|
21
22
|
const onDataUpdate = React.useCallback((key, value) => {
|
|
22
23
|
if (onUpdateByKey) {
|
|
@@ -59,7 +60,7 @@ const DynamicForm = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }) =>
|
|
|
59
60
|
}, [getData]);
|
|
60
61
|
const renderInput = React.useCallback((input) => {
|
|
61
62
|
const fieldPath = input.name;
|
|
62
|
-
const fieldValue = (0,
|
|
63
|
+
const fieldValue = (0, common_1.getContent)(contentConfig, input.name);
|
|
63
64
|
if (input.showIf) {
|
|
64
65
|
const decision = decide(input.showIf);
|
|
65
66
|
if (!decision) {
|
|
@@ -72,7 +73,7 @@ const DynamicForm = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }) =>
|
|
|
72
73
|
};
|
|
73
74
|
// Array and Objects
|
|
74
75
|
const onComplexDynamicFieldUpdate = (key, value) => {
|
|
75
|
-
onDataUpdate((0,
|
|
76
|
+
onDataUpdate((0, common_1.getFullPath)(fieldPath, key), value);
|
|
76
77
|
};
|
|
77
78
|
switch (input.type) {
|
|
78
79
|
case 'text': {
|
|
@@ -128,5 +129,6 @@ const DynamicForm = ({ blockConfig, onUpdateByKey, onUpdate, contentConfig }) =>
|
|
|
128
129
|
});
|
|
129
130
|
return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: sortedInputs.map((input, index) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: renderInput(input) }, index))) }));
|
|
130
131
|
};
|
|
131
|
-
exports.
|
|
132
|
-
|
|
132
|
+
exports.FormGenerator = FormGenerator;
|
|
133
|
+
exports.default = exports.FormGenerator;
|
|
134
|
+
//# sourceMappingURL=FormGenerator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormGenerator.js","sourceRoot":"../../../src","sources":["form-generator/FormGenerator.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from './types';\nimport {formGeneratorCn} from './utils/cn';\n\nimport ArrayDynamicField from './components/Fields/Array/Array';\nimport BooleanDynamicField from './components/Fields/Boolean/Boolean';\nimport NumberDynamicField from './components/Fields/Number/Number';\nimport ObjectDynamicField from './components/Fields/Object/Object';\nimport AnyOfDynamicField from './components/Fields/AnyOf/AnyOf';\nimport OneOfDynamicField from './components/Fields/OneOf/OneOf';\nimport SelectDynamicField from './components/Fields/Select/Select';\nimport TextDynamicField from './components/Fields/Text/Text';\nimport TextAreaDynamicField from './components/Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils/common';\n\nimport './FormGenerator.scss';\n\nconst b = formGeneratorCn('form-generator');\n\ninterface FormGeneratorProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: object;\n onUpdateByKey?: (key: string, value: DynamicFormValue) => void;\n onUpdate?: (value: object) => void;\n className?: string;\n}\n\nexport const FormGenerator = ({\n blockConfig,\n onUpdateByKey,\n onUpdate,\n contentConfig,\n}: FormGeneratorProps) => {\n const inputs = blockConfig;\n\n const onDataUpdate = React.useCallback(\n (key: string, value: DynamicFormValue) => {\n if (onUpdateByKey) {\n onUpdateByKey(key, value);\n }\n if (onUpdate && contentConfig) {\n const newContentConfig = _.cloneDeep(contentConfig);\n _.set(newContentConfig, key, value);\n onUpdate(newContentConfig);\n }\n },\n [onUpdateByKey, onUpdate, contentConfig],\n );\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onDataUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onDataUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input || !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'anyOf': {\n if (!input || !('options' in input)) {\n return null;\n }\n\n return (\n <AnyOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onDataUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default FormGenerator;\n"]}
|
|
@@ -1,34 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
/* use this for style redefinitions to awoid problems with
|
|
2
|
+
unpredictable css rules order in build */
|
|
3
|
+
.pcformgenerator-field-base {
|
|
2
4
|
padding: 0;
|
|
3
5
|
position: relative;
|
|
4
6
|
display: flex;
|
|
5
7
|
flex-direction: column;
|
|
6
8
|
align-items: stretch;
|
|
7
9
|
}
|
|
8
|
-
.
|
|
10
|
+
.pcformgenerator-field-base:hover > .pcformgenerator-field-base__top .pcformgenerator-field-base__title > .pcformgenerator-field-base__button {
|
|
9
11
|
opacity: 1;
|
|
10
12
|
}
|
|
11
|
-
.
|
|
13
|
+
.pcformgenerator-field-base_expandable {
|
|
12
14
|
flex-direction: column;
|
|
13
15
|
}
|
|
14
|
-
.
|
|
16
|
+
.pcformgenerator-field-base_expandable > .pcformgenerator-field-base__top {
|
|
15
17
|
width: 100%;
|
|
16
18
|
flex-basis: initial;
|
|
17
19
|
}
|
|
18
|
-
.
|
|
20
|
+
.pcformgenerator-field-base_expandable > .pcformgenerator-field-base__children {
|
|
19
21
|
width: 100%;
|
|
20
22
|
}
|
|
21
|
-
.
|
|
23
|
+
.pcformgenerator-field-base__top {
|
|
22
24
|
display: flex;
|
|
23
25
|
align-items: center;
|
|
24
26
|
gap: 4px;
|
|
25
27
|
word-break: break-word;
|
|
26
28
|
}
|
|
27
|
-
.
|
|
29
|
+
.pcformgenerator-field-base__children_expandable {
|
|
28
30
|
border-left: 3px solid var(--g-color-line-generic);
|
|
29
31
|
padding: 6px 12px;
|
|
30
32
|
}
|
|
31
|
-
.
|
|
33
|
+
.pcformgenerator-field-base__foldable {
|
|
32
34
|
width: 100%;
|
|
33
35
|
display: flex;
|
|
34
36
|
align-items: center;
|
|
@@ -38,22 +40,22 @@
|
|
|
38
40
|
border-top-left-radius: var(--g-border-radius-m);
|
|
39
41
|
border-top-right-radius: var(--g-border-radius-m);
|
|
40
42
|
}
|
|
41
|
-
.
|
|
43
|
+
.pcformgenerator-field-base__foldable:hover {
|
|
42
44
|
color: var(--g-color-text-link-hover);
|
|
43
45
|
}
|
|
44
|
-
.
|
|
46
|
+
.pcformgenerator-field-base__foldable:active {
|
|
45
47
|
color: var(--g-color-text-link-active);
|
|
46
48
|
}
|
|
47
|
-
.
|
|
49
|
+
.pcformgenerator-field-base__non-foldable:before {
|
|
48
50
|
position: absolute;
|
|
49
51
|
right: calc(100% + 5px);
|
|
50
52
|
}
|
|
51
|
-
.
|
|
53
|
+
.pcformgenerator-field-base__button {
|
|
52
54
|
transition: opacity 0.3s ease;
|
|
53
55
|
opacity: 0;
|
|
54
56
|
margin-left: 2px;
|
|
55
57
|
}
|
|
56
|
-
.
|
|
58
|
+
.pcformgenerator-field-base__title {
|
|
57
59
|
font-family: var(--g-text-body-font-family);
|
|
58
60
|
font-weight: var(--g-text-body-font-weight);
|
|
59
61
|
font-size: var(--g-text-body-2-font-size);
|
|
@@ -64,24 +66,24 @@
|
|
|
64
66
|
flex-direction: row;
|
|
65
67
|
align-items: center;
|
|
66
68
|
}
|
|
67
|
-
.
|
|
69
|
+
.pcformgenerator-field-base__title_size_s {
|
|
68
70
|
font-family: var(--g-text-body-font-family);
|
|
69
71
|
font-weight: var(--g-text-body-font-weight);
|
|
70
72
|
font-size: var(--g-text-body-1-font-size);
|
|
71
73
|
line-height: var(--g-text-body-1-line-height);
|
|
72
74
|
}
|
|
73
|
-
.
|
|
75
|
+
.pcformgenerator-field-base__title_size_m {
|
|
74
76
|
font-family: var(--g-text-body-font-family);
|
|
75
77
|
font-weight: var(--g-text-body-font-weight);
|
|
76
78
|
font-size: var(--g-text-body-2-font-size);
|
|
77
79
|
line-height: var(--g-text-body-2-line-height);
|
|
78
80
|
}
|
|
79
|
-
.
|
|
81
|
+
.pcformgenerator-field-base__title_size_l {
|
|
80
82
|
font-family: var(--g-text-body-font-family);
|
|
81
83
|
font-weight: var(--g-text-body-font-weight);
|
|
82
84
|
font-size: var(--g-text-body-3-font-size);
|
|
83
85
|
line-height: var(--g-text-body-3-line-height);
|
|
84
86
|
}
|
|
85
|
-
.
|
|
87
|
+
.pcformgenerator-field-base:last-child {
|
|
86
88
|
border-bottom: none;
|
|
87
89
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
5
6
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
6
7
|
const icons_1 = require("@gravity-ui/icons");
|
|
7
8
|
const lodash_1 = tslib_1.__importDefault(require("lodash"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const b = (0, cn_1.editorCn)('field-base');
|
|
9
|
+
const cn_1 = require("../../utils/cn.js");
|
|
10
|
+
const b = (0, cn_1.formGeneratorCn)('field-base');
|
|
11
11
|
const FieldBase = ({ className, title, textSize = 's', children, expandable = false, onRefresh, }) => {
|
|
12
12
|
const [showChildren, setShowChildren] = React.useState(!expandable);
|
|
13
13
|
const titleComponent = React.useMemo(() => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../src","sources":["form-generator/components/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6CAA4D;AAC5D,6CAAkD;AAClD,4DAAuB;AAEvB,0CAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,YAAY,CAAC,CAAC;AAaxC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACxC,2CAAO,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,EACjC,SAAS,IAAI,CACV,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,uBAAC,YAAI,IAAC,IAAI,EAAE,uBAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,IACC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CACzB,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,UAAU,EAAC,CAAC,YAAG,QAAQ,GAAO,CAChE,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\n\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = formGeneratorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' | 'm' | 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n onRefresh,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>\n <span>{_.capitalize(title)}</span>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title || showChildren) && (\n <div className={b('children', {expandable})}>{children}</div>\n )}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AnyOfInput, DynamicFormValue } from "
|
|
1
|
+
import { AnyOfInput, DynamicFormValue } from "../../../types.js";
|
|
2
2
|
interface AnyOfDynamicFieldProps {
|
|
3
3
|
contentConfig: DynamicFormValue;
|
|
4
4
|
onUpdate: (key: string, value: DynamicFormValue) => void;
|
|
@@ -4,10 +4,10 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
6
6
|
const React = tslib_1.__importStar(require("react"));
|
|
7
|
-
const cn_1 = require("
|
|
8
|
-
const
|
|
7
|
+
const cn_1 = require("../../../utils/cn.js");
|
|
8
|
+
const FormGenerator_1 = tslib_1.__importDefault(require("../../../FormGenerator.js"));
|
|
9
9
|
const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
|
|
10
|
-
const b = (0, cn_1.
|
|
10
|
+
const b = (0, cn_1.formGeneratorCn)('anyof-dynamic-field');
|
|
11
11
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
12
12
|
const getAnyOfContentConfig = (contentConfig, name) => {
|
|
13
13
|
if (name) {
|
|
@@ -29,7 +29,7 @@ const AnyOfDynamicField = ({ contentConfig, onUpdate, className, inputConfig, })
|
|
|
29
29
|
})), value: anyOfMetaValue, onUpdate: onUpdateAnyOf })) : ((0, jsx_runtime_1.jsx)(uikit_1.Select, { options: inputConfig.options.map((option) => ({
|
|
30
30
|
content: option.title,
|
|
31
31
|
value: option.value,
|
|
32
|
-
})), value: anyOfMetaValue ? [anyOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateAnyOf(selectValue), className: b('select') })), anyOfChosenOption && ((0, jsx_runtime_1.jsx)(
|
|
32
|
+
})), value: anyOfMetaValue ? [anyOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateAnyOf(selectValue), className: b('select') })), anyOfChosenOption && ((0, jsx_runtime_1.jsx)(FormGenerator_1.default, { blockConfig: anyOfChosenOption.properties, contentConfig: anyOfContentConfig, onUpdateByKey: onUpdate }))] }) }));
|
|
33
33
|
};
|
|
34
34
|
exports.default = AnyOfDynamicField;
|
|
35
35
|
//# sourceMappingURL=AnyOf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../types';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = formGeneratorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* use this for style redefinitions to awoid problems with
|
|
2
|
+
unpredictable css rules order in build */
|
|
3
|
+
.pcformgenerator-array-dynamic-field__card {
|
|
4
|
+
padding: 12px;
|
|
5
|
+
margin-top: 12px;
|
|
6
|
+
border-left: 3px solid var(--g-color-line-generic);
|
|
7
|
+
}
|
|
8
|
+
.pcformgenerator-array-dynamic-field__card:first-child {
|
|
9
|
+
margin-top: 0;
|
|
10
|
+
}
|
|
11
|
+
.pcformgenerator-array-dynamic-field__row {
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: space-between;
|
|
15
|
+
gap: 10px;
|
|
16
|
+
margin-top: 10px;
|
|
17
|
+
}
|
|
18
|
+
.pcformgenerator-array-dynamic-field__row:first-child {
|
|
19
|
+
margin-top: 0;
|
|
20
|
+
}
|
|
21
|
+
.pcformgenerator-array-dynamic-field__card-head {
|
|
22
|
+
margin-bottom: 8px;
|
|
23
|
+
}
|
|
24
|
+
.pcformgenerator-array-dynamic-field__row-title {
|
|
25
|
+
font-family: var(--g-text-subheader-font-family);
|
|
26
|
+
font-weight: var(--g-text-subheader-font-weight);
|
|
27
|
+
font-size: var(--g-text-subheader-3-font-size);
|
|
28
|
+
line-height: var(--g-text-subheader-3-line-height);
|
|
29
|
+
}
|
|
30
|
+
.pcformgenerator-array-dynamic-field__row-title, .pcformgenerator-array-dynamic-field__row-field {
|
|
31
|
+
flex: 1;
|
|
32
|
+
}
|
|
33
|
+
.pcformgenerator-array-dynamic-field__empty {
|
|
34
|
+
padding: 10px;
|
|
35
|
+
display: flex;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
}
|
|
38
|
+
.pcformgenerator-array-dynamic-field__add-button {
|
|
39
|
+
margin-top: 12px;
|
|
40
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "
|
|
1
|
+
import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../types.js";
|
|
2
2
|
type ArrayInput = ArrayTextInput | ArrayObjectInput;
|
|
3
3
|
interface ArrayFieldProps {
|
|
4
4
|
title: string;
|
|
@@ -5,13 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const icons_1 = require("@gravity-ui/icons");
|
|
6
6
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
7
7
|
const React = tslib_1.__importStar(require("react"));
|
|
8
|
-
const utils_1 = require("../../../../utils/index.js");
|
|
9
|
-
const cn_1 = require("
|
|
10
|
-
const
|
|
8
|
+
const utils_1 = require("../../../../editor-v2/utils/index.js");
|
|
9
|
+
const cn_1 = require("../../../utils/cn.js");
|
|
10
|
+
const FormGenerator_1 = tslib_1.__importDefault(require("../../../FormGenerator.js"));
|
|
11
11
|
const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
|
|
12
12
|
const Text_1 = tslib_1.__importDefault(require("../Text/Text.js"));
|
|
13
13
|
const ItemButton_1 = tslib_1.__importDefault(require("./ItemButton/ItemButton.js"));
|
|
14
|
-
const b = (0, cn_1.
|
|
14
|
+
const b = (0, cn_1.formGeneratorCn)('array-dynamic-field');
|
|
15
15
|
const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig }) => {
|
|
16
16
|
const haveItems = values && Array.isArray(values) && values.length;
|
|
17
17
|
const onAddItem = React.useCallback(() => {
|
|
@@ -44,7 +44,7 @@ const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig })
|
|
|
44
44
|
if (!blockConfig.properties) {
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: b('card'), children: [(0, jsx_runtime_1.jsxs)("div", { className: `${b('row')} ${b('card-head')}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('row-title'), children: ["Item ", index + 1] }), arrayItemButton] }), (0, jsx_runtime_1.jsx)(
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: b('card'), children: [(0, jsx_runtime_1.jsxs)("div", { className: `${b('row')} ${b('card-head')}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('row-title'), children: ["Item ", index + 1] }), arrayItemButton] }), (0, jsx_runtime_1.jsx)(FormGenerator_1.default, { contentConfig: value, blockConfig: blockConfig.properties, onUpdateByKey: (key, updateValue) => onUpdate(`[${index}].${key}`, updateValue) })] }, index));
|
|
48
48
|
}
|
|
49
49
|
default: {
|
|
50
50
|
return null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Array.js","sourceRoot":"../../../../../../src","sources":["form-generator/components/Fields/Array/Array.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AACvC,6CAA+C;AAC/C,qDAA+B;AAG/B,gEAA4E;AAC5E,6CAAkD;AAClD,sFAAiD;AACjD,qFAAkD;AAClD,mEAAgC;AAChC,oFAAiD;AAIjD,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,qBAAqB,CAAC,CAAC;AAYjD,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAkB,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC;IAEnE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,WAAW,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YACnC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC;aAAM,IAAI,WAAW,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC5C,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrD,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAE,EAAE;QACd,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,MAAM,QAAQ,GAAG,IAAA,uBAAe,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAChD,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAa,EAAE,SAAwB,EAAE,EAAE;QACxC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,MAAM,QAAQ,GAAG,IAAA,sBAAc,EAC3B,MAAM,EACN,KAAK,EACL,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAC7C,CAAC;YACF,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAuB,EAAE,KAAa,EAAE,EAAE;QACvC,MAAM,eAAe,GAAG,CACpB,uBAAC,oBAAU,IACP,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACnC,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,EAC7C,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EACjD,gBAAgB,EAAE,KAAK,KAAK,CAAC,EAC7B,kBAAkB,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,GACvE,CACL,CAAC;QAEF,QAAQ,WAAW,CAAC,SAAS,EAAE,CAAC;YAC5B,KAAK,MAAM,CAAC,CAAC,CAAC;gBACV,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,uBAAC,cAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,GAAG,EAAE,WAAW,CAAC,EAC9D,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,GACzD,EACD,eAAe,IACd,CACT,CAAC;YACN,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;oBAC1B,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,CACH,iCAAiB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACjC,iCAAK,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,aAC3C,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,sBAAQ,KAAK,GAAG,CAAC,IAAO,EACrD,eAAe,IACd,EACN,uBAAC,uBAAW,IACR,aAAa,EAAE,KAAe,EAC9B,WAAW,EAAE,WAAW,CAAC,UAAU,EACnC,aAAa,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,CAChC,QAAQ,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE,EAAE,WAAW,CAAC,GAEhD,KAXI,KAAK,CAYT,CACT,CAAC;YACN,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,CAC1E,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,SAAS,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,MAAM;iBACrB,GAAG,CAAC,WAAW,CAAC;iBAChB,MAAM,CAAC,OAAO,CAAiC,CAAC;YACrD,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,WAAW,EACZ,wBAAC,cAAM,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,aAClD,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAI,GAAI,EACnB,WAAW,CAAC,UAAU,IAClB,IACI,CACpB,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACtB,wBAAC,cAAM,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,aAClD,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAI,GAAI,4BAEf,GACP,CACT,CAAC;QACN,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACH,uBAAC,mBAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EACzC,UAAU,kBAET,YAAY,EAAE,GACP,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../types';\nimport {removeFromArray, swapArrayItems} from '../../../../editor-v2/utils';\nimport {formGeneratorCn} from '../../../utils/cn';\nimport DynamicForm from '../../../FormGenerator';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\nimport ItemButton from './ItemButton/ItemButton';\n\nimport './Array.scss';\n\nconst b = formGeneratorCn('array-dynamic-field');\n\ntype ArrayInput = ArrayTextInput | ArrayObjectInput;\n\ninterface ArrayFieldProps {\n title: string;\n values: Array<DynamicFormValue>;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: ArrayInput;\n className?: string;\n}\n\nconst ArrayDynamicField = ({title, values, onUpdate, className, blockConfig}: ArrayFieldProps) => {\n const haveItems = values && Array.isArray(values) && values.length;\n\n const onAddItem = React.useCallback(() => {\n if (blockConfig.arrayType === 'text') {\n onUpdate('', haveItems ? [...values, ''] : ['']);\n } else if (blockConfig.arrayType === 'object') {\n onUpdate('', haveItems ? [...values, {}] : [{}]);\n }\n }, [blockConfig.arrayType, haveItems, onUpdate, values]);\n\n const onDeleteItem = React.useCallback(\n (index: number) => {\n if (Array.isArray(values)) {\n const newArray = removeFromArray(values, index);\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const onReorderItem = React.useCallback(\n (index: number, placement: 'up' | 'down') => {\n if (Array.isArray(values)) {\n const newArray = swapArrayItems(\n values,\n index,\n placement === 'up' ? index - 1 : index + 1,\n );\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const renderInput = React.useCallback(\n (value: DynamicFormValue, index: number) => {\n const arrayItemButton = (\n <ItemButton\n onRemove={() => onDeleteItem(index)}\n onReorderUp={() => onReorderItem(index, 'up')}\n onReorderDown={() => onReorderItem(index, 'down')}\n disableReorderUp={index === 0}\n disableReorderDown={Boolean(haveItems) && values.length === index + 1}\n />\n );\n\n switch (blockConfig.arrayType) {\n case 'text': {\n return (\n <div className={b('row')}>\n <Text\n className={b('row-field')}\n value={String(value)}\n onUpdate={(updateValue) => onUpdate(`[${index}]`, updateValue)}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n />\n {arrayItemButton}\n </div>\n );\n }\n case 'object': {\n if (!blockConfig.properties) {\n return null;\n }\n return (\n <div key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>Item {index + 1}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value as object}\n blockConfig={blockConfig.properties}\n onUpdateByKey={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </div>\n );\n }\n default: {\n return null;\n }\n }\n },\n [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n );\n\n const renderInputs = React.useCallback(() => {\n if (haveItems) {\n const renderItems = values\n .map(renderInput)\n .filter(Boolean) as unknown as React.ReactNode[];\n return (\n <React.Fragment>\n {renderItems}\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n {blockConfig.buttonText}\n </Button>\n </React.Fragment>\n );\n } else {\n return (\n <div className={b('empty')}>\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n Please, add new item\n </Button>\n </div>\n );\n }\n }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n return (\n <FieldBase\n title={title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {renderInputs()}\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
|