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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.css +1 -1
  2. package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js +2 -3
  3. package/build/cjs/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +1 -1
  4. package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
  5. package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -3
  6. package/build/cjs/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -1
  7. package/build/cjs/form-generator/components/ConfigRow/ConfigRow.css +3 -3
  8. package/build/cjs/form-generator/components/ConfigRow/ConfigRow.js +2 -2
  9. package/build/cjs/form-generator/components/ConfigRow/ConfigRow.js.map +1 -1
  10. package/build/cjs/form-generator/components/FieldCard/FieldCard.css +3 -3
  11. package/build/cjs/form-generator/components/FieldCard/FieldCard.js +2 -3
  12. package/build/cjs/form-generator/components/FieldCard/FieldCard.js.map +1 -1
  13. package/build/cjs/form-generator/components/FieldHeader/FieldHeader.css +1 -1
  14. package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js +2 -3
  15. package/build/cjs/form-generator/components/FieldHeader/FieldHeader.js.map +1 -1
  16. package/build/cjs/form-generator/components/FormBuilder/FormBuilder.css +18 -18
  17. package/build/cjs/form-generator/components/FormBuilder/FormBuilder.js +2 -3
  18. package/build/cjs/form-generator/components/FormBuilder/FormBuilder.js.map +1 -1
  19. package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
  20. package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -3
  21. package/build/cjs/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -1
  22. package/build/cjs/form-generator/components/OptionHeader/OptionHeader.css +1 -1
  23. package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js +2 -3
  24. package/build/cjs/form-generator/components/OptionHeader/OptionHeader.js.map +1 -1
  25. package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.css +6 -6
  26. package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js +2 -3
  27. package/build/cjs/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +1 -1
  28. package/build/cjs/form-generator/components/SectionHeader/SectionHeader.css +1 -1
  29. package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js +2 -3
  30. package/build/cjs/form-generator/components/SectionHeader/SectionHeader.js.map +1 -1
  31. package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
  32. package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
  33. package/build/cjs/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -1
  34. package/build/cjs/form-generator/styles/variables.css +0 -0
  35. package/build/cjs/form-generator/utils/cn.d.ts +2 -0
  36. package/build/cjs/form-generator/utils/cn.js +7 -0
  37. package/build/cjs/form-generator/utils/cn.js.map +1 -0
  38. package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.css +1 -1
  39. package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js +2 -2
  40. package/build/esm/form-generator/components/AddPropertyButton/AddPropertyButton.js.map +1 -1
  41. package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.css +5 -5
  42. package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js +2 -2
  43. package/build/esm/form-generator/components/ArrayFieldRenderer/ArrayFieldRenderer.js.map +1 -1
  44. package/build/esm/form-generator/components/ConfigRow/ConfigRow.css +3 -3
  45. package/build/esm/form-generator/components/ConfigRow/ConfigRow.js +2 -2
  46. package/build/esm/form-generator/components/ConfigRow/ConfigRow.js.map +1 -1
  47. package/build/esm/form-generator/components/FieldCard/FieldCard.css +3 -3
  48. package/build/esm/form-generator/components/FieldCard/FieldCard.js +2 -2
  49. package/build/esm/form-generator/components/FieldCard/FieldCard.js.map +1 -1
  50. package/build/esm/form-generator/components/FieldHeader/FieldHeader.css +1 -1
  51. package/build/esm/form-generator/components/FieldHeader/FieldHeader.js +2 -2
  52. package/build/esm/form-generator/components/FieldHeader/FieldHeader.js.map +1 -1
  53. package/build/esm/form-generator/components/FormBuilder/FormBuilder.css +18 -18
  54. package/build/esm/form-generator/components/FormBuilder/FormBuilder.js +2 -2
  55. package/build/esm/form-generator/components/FormBuilder/FormBuilder.js.map +1 -1
  56. package/build/esm/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.css +1 -1
  57. package/build/esm/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js +2 -2
  58. package/build/esm/form-generator/components/ObjectFieldRenderer/ObjectFieldRenderer.js.map +1 -1
  59. package/build/esm/form-generator/components/OptionHeader/OptionHeader.css +1 -1
  60. package/build/esm/form-generator/components/OptionHeader/OptionHeader.js +2 -2
  61. package/build/esm/form-generator/components/OptionHeader/OptionHeader.js.map +1 -1
  62. package/build/esm/form-generator/components/OptionsRenderer/OptionsRenderer.css +6 -6
  63. package/build/esm/form-generator/components/OptionsRenderer/OptionsRenderer.js +2 -2
  64. package/build/esm/form-generator/components/OptionsRenderer/OptionsRenderer.js.map +1 -1
  65. package/build/esm/form-generator/components/SectionHeader/SectionHeader.css +1 -1
  66. package/build/esm/form-generator/components/SectionHeader/SectionHeader.js +2 -2
  67. package/build/esm/form-generator/components/SectionHeader/SectionHeader.js.map +1 -1
  68. package/build/esm/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.css +8 -8
  69. package/build/esm/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js +2 -2
  70. package/build/esm/form-generator/components/SelectFieldRenderer/SelectFieldRenderer.js.map +1 -1
  71. package/build/esm/form-generator/styles/variables.css +0 -0
  72. package/build/esm/form-generator/utils/cn.d.ts +2 -0
  73. package/build/esm/form-generator/utils/cn.js +4 -0
  74. package/build/esm/form-generator/utils/cn.js.map +1 -0
  75. package/package.json +1 -1
@@ -1,28 +1,28 @@
1
- .options-renderer__header {
1
+ .pcformgenerator-options-renderer__header {
2
2
  display: flex;
3
3
  justify-content: space-between;
4
4
  align-items: center;
5
5
  margin-bottom: 8px;
6
6
  }
7
- .options-renderer__option-header {
7
+ .pcformgenerator-options-renderer__option-header {
8
8
  display: flex;
9
9
  justify-content: space-between;
10
10
  align-items: center;
11
11
  margin-bottom: 8px;
12
12
  }
13
- .options-renderer__add-option-button {
13
+ .pcformgenerator-options-renderer__add-option-button {
14
14
  margin-left: 8px;
15
15
  }
16
- .options-renderer__remove-option-button {
16
+ .pcformgenerator-options-renderer__remove-option-button {
17
17
  margin-left: 8px;
18
18
  }
19
- .options-renderer__nested-fields {
19
+ .pcformgenerator-options-renderer__nested-fields {
20
20
  margin-top: 12px;
21
21
  margin-left: 16px;
22
22
  padding-left: 12px;
23
23
  border-left: 2px solid var(--g-color-line-generic);
24
24
  }
25
- .options-renderer__option {
25
+ .pcformgenerator-options-renderer__option {
26
26
  margin-top: 12px;
27
27
  padding: 12px;
28
28
  background-color: var(--g-color-base-background);
@@ -1,12 +1,12 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import block from 'bem-cn-lite';
2
+ import { formGeneratorCn } from "../../utils/cn.js";
3
3
  import { Button } from '@gravity-ui/uikit';
4
4
  import { AddPropertyButton } from "../AddPropertyButton/AddPropertyButton.js";
5
5
  import { OptionHeader } from "../OptionHeader/OptionHeader.js";
6
6
  import { SectionHeader } from "../SectionHeader/SectionHeader.js";
7
7
  import { useFormContext } from "../../hooks/FormContext.js";
8
8
  import './OptionsRenderer.css';
9
- const b = block('options-renderer');
9
+ const b = formGeneratorCn('options-renderer');
10
10
  export const OptionsRenderer = ({ field, fieldName: _fieldName, inputTypeMenuItems, renderNestedField, }) => {
11
11
  const { addOptionProperty, addOption, removeOption } = useFormContext();
12
12
  return (_jsxs("div", { className: b('nested-fields'), children: [_jsxs("div", { className: b('header'), children: [_jsx(SectionHeader, { title: "Options:" }), _jsx(Button, { view: "normal", size: "s", onClick: () => {
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAC1D,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAC;IAEtE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACV,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,6BAG5B,IACP,EAEL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACxC,eAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gCACxC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,uBAG/B,CACZ,IACC,EAEN,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,GAAG,EAErD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAC3C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAChE,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gCACnD,CAAC,GACH,IACA,KA9BA,UAAU,WAAW,EAAE,CA+B3B,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport block from 'bem-cn-lite';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './OptionsRenderer.scss';\n\nconst b = block('options-renderer');\n\ninterface OptionsRendererProps {\n field: FormOptionsField;\n fieldName: string;\n inputTypeMenuItems: InputTypeMenuItem[];\n renderNestedField: (\n field: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => React.ReactNode;\n}\n\nexport const OptionsRenderer: React.FC<OptionsRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addOptionProperty, addOption, removeOption} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <div className={b('header')}>\n <SectionHeader title=\"Options:\" />\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n addOption(field.id);\n }}\n className={b('add-option-button')}\n >\n + Add Option\n </Button>\n </div>\n\n {field.options.map((option, optionIndex) => (\n <div key={`option_${optionIndex}`} className={b('option')}>\n <div className={b('option-header')}>\n <OptionHeader title={option.title} />\n {field.options.length > 1 && (\n <Button\n view=\"normal\"\n size=\"xs\"\n onClick={() => {\n removeOption(field.id, optionIndex);\n }}\n className={b('remove-option-button')}\n >\n Remove\n </Button>\n )}\n </div>\n\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" variant=\"body-2\" />\n\n {option.properties.map((property, propIndex) =>\n renderNestedField(property, propIndex, field.id, optionIndex),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => {\n addOptionProperty(field.id, optionIndex, type);\n }}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"OptionsRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/OptionsRenderer/OptionsRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAC/C,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,iBAAiB,EAAC,kDAA+C;AACzE,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAC1D,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAC7D,OAAO,EAAC,cAAc,EAAC,mCAAgC;AAGvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAc9C,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,EAAE;IACD,MAAM,EAAC,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAC;IAEtE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,KAAC,aAAa,IAAC,KAAK,EAAC,UAAU,GAAG,EAClC,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,GAAG,EAAE;4BACV,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,6BAG5B,IACP,EAEL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACxC,eAAmC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACrD,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACpC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;gCACxC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,uBAG/B,CACZ,IACC,EAEN,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,GAAG,EAErD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAC3C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAChE,EAED,KAAC,iBAAiB,IACd,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gCACnD,CAAC,GACH,IACA,KA9BA,UAAU,WAAW,EAAE,CA+B3B,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {Button} from '@gravity-ui/uikit';\nimport {ConfigInput} from '../../../editor-v2';\nimport {AddPropertyButton} from '../AddPropertyButton/AddPropertyButton';\nimport {OptionHeader} from '../OptionHeader/OptionHeader';\nimport {SectionHeader} from '../SectionHeader/SectionHeader';\nimport {useFormContext} from '../../hooks/FormContext';\nimport {FormOptionsField, InputTypeMenuItem} from '../../hooks/types';\n\nimport './OptionsRenderer.scss';\n\nconst b = formGeneratorCn('options-renderer');\n\ninterface OptionsRendererProps {\n field: FormOptionsField;\n fieldName: string;\n inputTypeMenuItems: InputTypeMenuItem[];\n renderNestedField: (\n field: ConfigInput,\n index: number,\n parentId: string,\n optionIndex?: number,\n ) => React.ReactNode;\n}\n\nexport const OptionsRenderer: React.FC<OptionsRendererProps> = ({\n field,\n fieldName: _fieldName,\n inputTypeMenuItems,\n renderNestedField,\n}) => {\n const {addOptionProperty, addOption, removeOption} = useFormContext();\n\n return (\n <div className={b('nested-fields')}>\n <div className={b('header')}>\n <SectionHeader title=\"Options:\" />\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n addOption(field.id);\n }}\n className={b('add-option-button')}\n >\n + Add Option\n </Button>\n </div>\n\n {field.options.map((option, optionIndex) => (\n <div key={`option_${optionIndex}`} className={b('option')}>\n <div className={b('option-header')}>\n <OptionHeader title={option.title} />\n {field.options.length > 1 && (\n <Button\n view=\"normal\"\n size=\"xs\"\n onClick={() => {\n removeOption(field.id, optionIndex);\n }}\n className={b('remove-option-button')}\n >\n Remove\n </Button>\n )}\n </div>\n\n <div className={b('nested-fields')}>\n <SectionHeader title=\"Properties:\" variant=\"body-2\" />\n\n {option.properties.map((property, propIndex) =>\n renderNestedField(property, propIndex, field.id, optionIndex),\n )}\n\n <AddPropertyButton\n inputTypeMenuItems={inputTypeMenuItems}\n onAdd={(type) => {\n addOptionProperty(field.id, optionIndex, type);\n }}\n />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"]}
@@ -1,3 +1,3 @@
1
- .section-header {
1
+ .pcformgenerator-section-header {
2
2
  margin-bottom: 8px;
3
3
  }
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Text } from '@gravity-ui/uikit';
3
- import block from 'bem-cn-lite';
3
+ import { formGeneratorCn } from "../../utils/cn.js";
4
4
  import './SectionHeader.css';
5
- const b = block('section-header');
5
+ const b = formGeneratorCn('section-header');
6
6
  export const SectionHeader = ({ title, variant = 'body-1' }) => (_jsx("div", { className: b(), children: _jsx(Text, { variant: variant, children: title }) }));
7
7
  //# sourceMappingURL=SectionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAOlC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './SectionHeader.scss';\n\nconst b = block('section-header');\n\ninterface SectionHeaderProps {\n title: string;\n variant?: 'body-1' | 'body-2';\n}\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({title, variant = 'body-1'}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n </div>\n);\n"]}
1
+ {"version":3,"file":"SectionHeader.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,0BAAuB;AAE/C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAO5C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAC,EAAE,EAAE,CAAC,CACxF,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAQ,GACpC,CACT,CAAC","sourcesContent":["import * as React from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\n\nimport './SectionHeader.scss';\n\nconst b = formGeneratorCn('section-header');\n\ninterface SectionHeaderProps {\n title: string;\n variant?: 'body-1' | 'body-2';\n}\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({title, variant = 'body-1'}) => (\n <div className={b()}>\n <Text variant={variant}>{title}</Text>\n </div>\n);\n"]}
@@ -1,23 +1,23 @@
1
- .select-field-renderer__config-row {
1
+ .pcformgenerator-select-field-renderer__config-row {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 8px;
5
5
  }
6
- .select-field-renderer__config-row > span {
6
+ .pcformgenerator-select-field-renderer__config-row > span {
7
7
  min-width: 90px;
8
8
  font-weight: 500;
9
9
  }
10
- .select-field-renderer__config-row > div {
10
+ .pcformgenerator-select-field-renderer__config-row > div {
11
11
  flex: 1;
12
12
  }
13
- .select-field-renderer__config-row_vertical {
13
+ .pcformgenerator-select-field-renderer__config-row_vertical {
14
14
  flex-direction: column;
15
15
  align-items: flex-start;
16
16
  }
17
- .select-field-renderer__options-title {
17
+ .pcformgenerator-select-field-renderer__options-title {
18
18
  margin-bottom: 8px;
19
19
  }
20
- .select-field-renderer__enum-option {
20
+ .pcformgenerator-select-field-renderer__enum-option {
21
21
  margin-top: 8px;
22
22
  padding: 12px;
23
23
  background-color: var(--g-color-base-generic-ultralight);
@@ -27,10 +27,10 @@
27
27
  flex-direction: column;
28
28
  gap: 8px;
29
29
  }
30
- .select-field-renderer__remove-button {
30
+ .pcformgenerator-select-field-renderer__remove-button {
31
31
  align-self: flex-end;
32
32
  margin-top: 4px;
33
33
  }
34
- .select-field-renderer__add-button {
34
+ .pcformgenerator-select-field-renderer__add-button {
35
35
  margin-top: 8px;
36
36
  }
@@ -1,10 +1,10 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { Button, DropdownMenu, Text, TextInput } from '@gravity-ui/uikit';
4
- import block from 'bem-cn-lite';
4
+ import { formGeneratorCn } from "../../utils/cn.js";
5
5
  import { useFormContext } from "../../hooks/FormContext.js";
6
6
  import './SelectFieldRenderer.css';
7
- const b = block('select-field-renderer');
7
+ const b = formGeneratorCn('select-field-renderer');
8
8
  export const SelectFieldRenderer = ({ field }) => {
9
9
  const { updateField } = useFormContext();
10
10
  if (field.type !== 'select') {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SelectFieldRenderer/SelectFieldRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport {FormField} from '../../hooks/types';\nimport {useFormContext} from '../../hooks/FormContext';\n\nimport './SelectFieldRenderer.scss';\n\nconst b = block('select-field-renderer');\n\ninterface SelectFieldRendererProps {\n field: FormField;\n}\n\ninterface SelectFieldOption {\n content: string;\n value: string;\n}\n\nexport const SelectFieldRenderer: React.FC<SelectFieldRendererProps> = ({field}) => {\n const {updateField} = useFormContext();\n\n if (field.type !== 'select') {\n return null;\n }\n\n const view = field.view as 'select' | 'radiobutton';\n const mode = field.mode as 'single' | 'multiple';\n const enumValues = (field.enum || []) as SelectFieldOption[];\n\n return (\n <React.Fragment>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">View:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {view: 'select'}),\n text: 'Select',\n },\n {\n action: () => updateField(field.id, {view: 'radiobutton'}),\n text: 'Radio Button',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {view === 'radiobutton' ? 'Radio Button' : 'Select'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Mode:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {mode: 'single'}),\n text: 'Single',\n },\n {\n action: () => updateField(field.id, {mode: 'multiple'}),\n text: 'Multiple',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {mode === 'multiple' ? 'Multiple' : 'Single'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row', {vertical: true})}>\n <Text variant=\"body-2\" className={b('options-title')}>\n Options:\n </Text>\n {enumValues.map((option, index) => (\n <div key={`enum_${index}`} className={b('enum-option')}>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Label:</Text>\n <TextInput\n value={option.content}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n content: value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Value:</Text>\n <TextInput\n value={option.value}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <Button\n view=\"flat-danger\"\n size=\"xs\"\n onClick={() => {\n const newEnum = [...enumValues];\n newEnum.splice(index, 1);\n updateField(field.id, {enum: newEnum});\n }}\n className={b('remove-button')}\n >\n Remove\n </Button>\n </div>\n ))}\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n const newEnum = [...(enumValues || [])];\n newEnum.push({\n content: `Option ${newEnum.length + 1}`,\n value: `option${newEnum.length + 1}`,\n });\n updateField(field.id, {enum: newEnum});\n }}\n className={b('add-button')}\n >\n + Add Option\n </Button>\n </div>\n </React.Fragment>\n );\n};\n"]}
1
+ {"version":3,"file":"SelectFieldRenderer.js","sourceRoot":"../../../../../src","sources":["form-generator/components/SelectFieldRenderer/SelectFieldRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {Button, DropdownMenu, Text, TextInput} from '@gravity-ui/uikit';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {FormField} from '../../hooks/types';\nimport {useFormContext} from '../../hooks/FormContext';\n\nimport './SelectFieldRenderer.scss';\n\nconst b = formGeneratorCn('select-field-renderer');\n\ninterface SelectFieldRendererProps {\n field: FormField;\n}\n\ninterface SelectFieldOption {\n content: string;\n value: string;\n}\n\nexport const SelectFieldRenderer: React.FC<SelectFieldRendererProps> = ({field}) => {\n const {updateField} = useFormContext();\n\n if (field.type !== 'select') {\n return null;\n }\n\n const view = field.view as 'select' | 'radiobutton';\n const mode = field.mode as 'single' | 'multiple';\n const enumValues = (field.enum || []) as SelectFieldOption[];\n\n return (\n <React.Fragment>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">View:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {view: 'select'}),\n text: 'Select',\n },\n {\n action: () => updateField(field.id, {view: 'radiobutton'}),\n text: 'Radio Button',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {view === 'radiobutton' ? 'Radio Button' : 'Select'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Mode:</Text>\n <DropdownMenu\n items={[\n {\n action: () => updateField(field.id, {mode: 'single'}),\n text: 'Single',\n },\n {\n action: () => updateField(field.id, {mode: 'multiple'}),\n text: 'Multiple',\n },\n ]}\n renderSwitcher={(props) => (\n <Button {...props} view=\"normal\" size=\"s\">\n {mode === 'multiple' ? 'Multiple' : 'Single'}\n </Button>\n )}\n />\n </div>\n\n <div className={b('config-row', {vertical: true})}>\n <Text variant=\"body-2\" className={b('options-title')}>\n Options:\n </Text>\n {enumValues.map((option, index) => (\n <div key={`enum_${index}`} className={b('enum-option')}>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Label:</Text>\n <TextInput\n value={option.content}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n content: value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <div className={b('config-row')}>\n <Text variant=\"body-2\">Value:</Text>\n <TextInput\n value={option.value}\n onUpdate={(value) => {\n const newEnum = [...enumValues];\n newEnum[index] = {\n ...newEnum[index],\n value,\n };\n updateField(field.id, {enum: newEnum});\n }}\n size=\"s\"\n />\n </div>\n <Button\n view=\"flat-danger\"\n size=\"xs\"\n onClick={() => {\n const newEnum = [...enumValues];\n newEnum.splice(index, 1);\n updateField(field.id, {enum: newEnum});\n }}\n className={b('remove-button')}\n >\n Remove\n </Button>\n </div>\n ))}\n <Button\n view=\"normal\"\n size=\"s\"\n onClick={() => {\n const newEnum = [...(enumValues || [])];\n newEnum.push({\n content: `Option ${newEnum.length + 1}`,\n value: `option${newEnum.length + 1}`,\n });\n updateField(field.id, {enum: newEnum});\n }}\n className={b('add-button')}\n >\n + Add Option\n </Button>\n </div>\n </React.Fragment>\n );\n};\n"]}
File without changes
@@ -0,0 +1,2 @@
1
+ export declare const FORM_GENERATOR_NAMESPACE = "pcformgenerator-";
2
+ export declare const formGeneratorCn: import("@bem-react/classname").ClassNameInitilizer;
@@ -0,0 +1,4 @@
1
+ import { withNaming } from '@bem-react/classname';
2
+ export const FORM_GENERATOR_NAMESPACE = 'pcformgenerator-';
3
+ export const formGeneratorCn = withNaming({ n: FORM_GENERATOR_NAMESPACE, e: '__', m: '_' });
4
+ //# sourceMappingURL=cn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-generator/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,EAAC,CAAC,EAAE,wBAAwB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_GENERATOR_NAMESPACE = 'pcformgenerator-';\n\nexport const formGeneratorCn = withNaming({n: FORM_GENERATOR_NAMESPACE, e: '__', m: '_'});\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "6.3.2-alpha.10",
3
+ "version": "6.3.2-alpha.11",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "type": "commonjs",