npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.7 → 6.3.2-alpha.9 - Mend

@gravity-ui/page-constructor 6.3.2-alpha.7 → 6.3.2-alpha.9

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 (393) hide show

package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport AnyOfDynamicField from './Fields/AnyOf/AnyOf';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) \|\|\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input \|\| !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n 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, onUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default DynamicForm;\n"]}
1	+ {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport AnyOfDynamicField from './Fields/AnyOf/AnyOf';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nimport './DynamicForm.scss';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: object;\n onUpdateByKey?: (key: string, value: DynamicFormValue) => void;\n onUpdate?: (value: object) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdateByKey, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\n\n const onDataUpdate = React.useCallback(\n (key: string, value: DynamicFormValue) => {\n if (onUpdateByKey) {\n onUpdateByKey(key, value);\n }\n if (onUpdate && contentConfig) {\n const newContentConfig = _.cloneDeep(contentConfig);\n _.set(newContentConfig, key, value);\n onUpdate(newContentConfig);\n }\n },\n [onUpdateByKey, onUpdate, contentConfig],\n );\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) \|\|\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onDataUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onDataUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input \|\| !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onDataUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'anyOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <AnyOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onDataUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default DynamicForm;\n"]}

package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.css CHANGED Viewed

@@ -1,16 +1,15 @@
 .pceditor-field-base {
-  padding: 16px 12px 16px 0;
+  padding: 0;
   position: relative;
   display: flex;
-  flex-direction: row;
-  align-items: flex-start;
+  flex-direction: column;
+  align-items: stretch;
 }
 .pceditor-field-base:hover > .pceditor-field-base__top .pceditor-field-base__title > .pceditor-field-base__button {
   opacity: 1;
 }
 .pceditor-field-base_expandable {
   flex-direction: column;
-  gap: 16px;
 }
 .pceditor-field-base_expandable > .pceditor-field-base__top {
   width: 100%;
@@ -23,12 +22,11 @@
   display: flex;
   align-items: center;
   gap: 4px;
-  flex: 0 0 84px;
   word-break: break-word;
 }
-.pceditor-field-base__children {
-  flex: 2 1 auto;
-  margin-left: 12px;
+.pceditor-field-base__children_expandable {
+  border-left: 3px solid var(--g-color-line-generic);
+  padding: 6px 12px;
 }
 .pceditor-field-base__foldable {
   width: 100%;
@@ -36,6 +34,15 @@
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
+  padding: 6px 0;
+  border-top-left-radius: var(--g-border-radius-m);
+  border-top-right-radius: var(--g-border-radius-m);
+}
+.pceditor-field-base__foldable:hover {
+  color: var(--g-color-text-link-hover);
+}
+.pceditor-field-base__foldable:active {
+  color: var(--g-color-text-link-active);
 }
 .pceditor-field-base__non-foldable:before {
   position: absolute;
@@ -44,15 +51,18 @@
 .pceditor-field-base__button {
   transition: opacity 0.3s ease;
   opacity: 0;
+  margin-left: 2px;
 }
 .pceditor-field-base__title {
   font-family: var(--g-text-body-font-family);
   font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
+  font-weight: 500;
   margin: 5px 16px 5px 0;
   display: flex;
   flex-direction: row;
+  align-items: center;
 }
 .pceditor-field-base__title_size_s {
   font-family: var(--g-text-body-font-family);

package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js CHANGED Viewed

@@ -10,10 +10,10 @@ const FieldBase = ({ className, title, textSize = 's', children, expandable = fa
     const [showChildren, setShowChildren] = React.useState(!expandable);
     const titleComponent = React.useMemo(() => {
         if (title) {
-            const defaultTitle = (_jsxs("div", { className: b('title', { size: textSize }), children: [onRefresh && (_jsx(Button, { className: b('button'), onClick: (e) => {
+            const defaultTitle = (_jsxs("div", { className: b('title', { size: textSize }), children: [_jsx("span", { children: _.capitalize(title) }), onRefresh && (_jsx(Button, { className: b('button'), onClick: (e) => {
                             e.stopPropagation();
                             onRefresh(undefined);
-                        }, view: 'flat', size: 'xs', children: _jsx(Icon, { data: ArrowRotateLeft, size: 14 }) })), _jsx("span", { children: _.capitalize(title) })] }));
+                        }, view: 'flat', size: 'xs', children: _jsx(Icon, { data: ArrowRotateLeft, size: 14 }) }))] }));
             if (expandable) {
                 return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -23,7 +23,7 @@ const FieldBase = ({ className, title, textSize = 's', children, expandable = fa
         }
         return null;
     }, [expandable, showChildren, textSize, title, onRefresh]);
-    return (_jsxs("div", { className: b({ expandable }, className), children: [title && _jsx("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && _jsx("div", { className: b('children'), children: children })] }));
+    return (_jsxs("div", { className: b({ expandable }, className), children: [title && _jsx("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && (_jsx("div", { className: b('children', { expandable }), children: children }))] }));
 };
 export default FieldBase;
 //# sourceMappingURL=FieldBase.js.map

package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,6BAA0B;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,~~aACvC~~,SAAS,IAAI,CACV,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,~~EACD~~,~~yBAAO,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,IAChC,~~CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,KAAC,WAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,~~IAC1E~~,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' \| 'm' \| 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n onRefresh,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n ~~<span>{_.capitalize(title)}</span>\n~~ </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title \|\| showChildren) && <div className={b('children')}>{children}</div>}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
1	+ {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,6BAA0B;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACxC,yBAAO,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,EACjC,SAAS,IAAI,CACV,KAAC,MAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,IACC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,KAAC,WAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CACzB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,UAAU,EAAC,CAAC,YAAG,QAAQ,GAAO,CAChE,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' \| 'm' \| 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n onRefresh,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>\n <span>{_.capitalize(title)}</span>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title \|\| showChildren) && (\n <div className={b('children', {expandable})}>{children}</div>\n )}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js CHANGED Viewed

@@ -27,7 +27,7 @@ const AnyOfDynamicField = ({ contentConfig, onUpdate, className, inputConfig, })
                     })), value: anyOfMetaValue, onUpdate: onUpdateAnyOf })) : (_jsx(Select, { options: inputConfig.options.map((option) => ({
                         content: option.title,
                         value: option.value,
-                    })), value: anyOfMetaValue ? [anyOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateAnyOf(selectValue), className: b('select') })), anyOfChosenOption && (_jsx(DynamicForm, { blockConfig: anyOfChosenOption.properties, contentConfig: anyOfContentConfig, onUpdate: onUpdate }))] }) }));
+                    })), value: anyOfMetaValue ? [anyOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateAnyOf(selectValue), className: b('select') })), anyOfChosenOption && (_jsx(DynamicForm, { blockConfig: anyOfChosenOption.properties, contentConfig: anyOfContentConfig, onUpdateByKey: onUpdate }))] }) }));
 };
 export default AnyOfDynamicField;
 //# sourceMappingURL=AnyOf.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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~~QAAQ~~,EAAE,QAAQ,~~GACpB~~,CACL,IACE,GACC,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = editorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n ~~onUpdate~~={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}
1	+ {"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = editorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.css CHANGED Viewed

@@ -1,9 +1,10 @@
 .pceditor-array-dynamic-field__card {
   padding: 12px;
   margin-top: 12px;
+  border-left: 3px solid var(--g-color-line-generic);
 }
 .pceditor-array-dynamic-field__card:first-child {
-  margin-bottom: 0;
+  margin-top: 0;
 }
 .pceditor-array-dynamic-field__row {
   display: flex;

package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Plus } from '@gravity-ui/icons';
-import { Button, Card, Icon } from '@gravity-ui/uikit';
+import { Button, Icon } from '@gravity-ui/uikit';
 import * as React from 'react';
 import { removeFromArray, swapArrayItems } from "../../../../utils/index.js";
 import { editorCn } from "../../../../utils/cn.js";
@@ -42,7 +42,7 @@ const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig })
                 if (!blockConfig.properties) {
                     return null;
                 }
-                return (_jsxs(Card, { className: b('card'), children: [_jsxs("div", { className: `${b('row')} ${b('card-head')}`, children: [_jsxs("div", { className: b('row-title'), children: ["#", index] }), arrayItemButton] }), _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig.properties, onUpdate: (key, updateValue) => onUpdate(`[${index}].${key}`, updateValue) })] }, index));
+                return (_jsxs("div", { className: b('card'), children: [_jsxs("div", { className: `${b('row')} ${b('card-head')}`, children: [_jsxs("div", { className: b('row-title'), children: ["Item ", index + 1] }), arrayItemButton] }), _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig.properties, onUpdateByKey: (key, updateValue) => onUpdate(`[${index}].${key}`, updateValue) })] }, index));
             }
             default: {
                 return null;
@@ -60,7 +60,7 @@ const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig })
             return (_jsx("div", { className: b('empty'), children: _jsxs(Button, { className: b('add-button'), onClick: onAddItem, children: [_jsx(Icon, { data: Plus }), "Please, add new item"] }) }));
         }
     }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: _jsx(Card, { className: b('card'), children: renderInputs() }) }));
+    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: renderInputs() }));
 };
 export default ArrayDynamicField;
 //# sourceMappingURL=Array.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Array.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../../../common/types';\nimport {removeFromArray, swapArrayItems} from '../../../../utils';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\n\nimport './Array.scss';\nimport ItemButton from './ItemButton/ItemButton';\n\nconst b = editorCn('array-dynamic-field');\n\ntype ArrayInput = ArrayTextInput \| ArrayObjectInput;\n\ninterface ArrayFieldProps {\n title: string;\n values: Array<DynamicFormValue>;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: ArrayInput;\n className?: string;\n}\n\nconst ArrayDynamicField = ({title, values, onUpdate, className, blockConfig}: ArrayFieldProps) => {\n const haveItems = values && Array.isArray(values) && values.length;\n\n const onAddItem = React.useCallback(() => {\n if (blockConfig.arrayType === 'text') {\n onUpdate('', haveItems ? [...values, ''] : ['']);\n } else if (blockConfig.arrayType === 'object') {\n onUpdate('', haveItems ? [...values, {}] : [{}]);\n }\n }, [blockConfig.arrayType, haveItems, onUpdate, values]);\n\n const onDeleteItem = React.useCallback(\n (index: number) => {\n if (Array.isArray(values)) {\n const newArray = removeFromArray(values, index);\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const onReorderItem = React.useCallback(\n (index: number, placement: 'up' \| 'down') => {\n if (Array.isArray(values)) {\n const newArray = swapArrayItems(\n values,\n index,\n placement === 'up' ? index - 1 : index + 1,\n );\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const renderInput = React.useCallback(\n (value: DynamicFormValue, index: number) => {\n const arrayItemButton = (\n <ItemButton\n onRemove={() => onDeleteItem(index)}\n onReorderUp={() => onReorderItem(index, 'up')}\n onReorderDown={() => onReorderItem(index, 'down')}\n disableReorderUp={index === 0}\n disableReorderDown={Boolean(haveItems) && values.length === index + 1}\n />\n );\n\n switch (blockConfig.arrayType) {\n case 'text': {\n return (\n <div className={b('row')}>\n <Text\n className={b('row-field')}\n value={String(value)}\n onUpdate={(updateValue) => onUpdate(`[${index}]`, updateValue)}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n />\n {arrayItemButton}\n </div>\n );\n }\n case 'object': {\n if (!blockConfig.properties) {\n return null;\n }\n return (\n <Card key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>#{index}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value}\n blockConfig={blockConfig.properties}\n onUpdate={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </Card>\n );\n }\n default: {\n return null;\n }\n }\n },\n [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n );\n\n const renderInputs = React.useCallback(() => {\n if (haveItems) {\n const renderItems = values\n .map(renderInput)\n .filter(Boolean) as unknown as React.ReactNode[];\n return (\n <React.Fragment>\n {renderItems}\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n {blockConfig.buttonText}\n </Button>\n </React.Fragment>\n );\n } else {\n return (\n <div className={b('empty')}>\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n Please, add new item\n </Button>\n </div>\n );\n }\n }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n return (\n <FieldBase\n title={title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card className={b('card')}>{renderInputs()}</Card>\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}
1	+ {"version":3,"file":"Array.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../../../common/types';\nimport {removeFromArray, swapArrayItems} from '../../../../utils';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\n\nimport './Array.scss';\nimport ItemButton from './ItemButton/ItemButton';\n\nconst b = editorCn('array-dynamic-field');\n\ntype ArrayInput = ArrayTextInput \| ArrayObjectInput;\n\ninterface ArrayFieldProps {\n title: string;\n values: Array<DynamicFormValue>;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: ArrayInput;\n className?: string;\n}\n\nconst ArrayDynamicField = ({title, values, onUpdate, className, blockConfig}: ArrayFieldProps) => {\n const haveItems = values && Array.isArray(values) && values.length;\n\n const onAddItem = React.useCallback(() => {\n if (blockConfig.arrayType === 'text') {\n onUpdate('', haveItems ? [...values, ''] : ['']);\n } else if (blockConfig.arrayType === 'object') {\n onUpdate('', haveItems ? [...values, {}] : [{}]);\n }\n }, [blockConfig.arrayType, haveItems, onUpdate, values]);\n\n const onDeleteItem = React.useCallback(\n (index: number) => {\n if (Array.isArray(values)) {\n const newArray = removeFromArray(values, index);\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const onReorderItem = React.useCallback(\n (index: number, placement: 'up' \| 'down') => {\n if (Array.isArray(values)) {\n const newArray = swapArrayItems(\n values,\n index,\n placement === 'up' ? index - 1 : index + 1,\n );\n onUpdate('', newArray);\n }\n },\n [onUpdate, values],\n );\n\n const renderInput = React.useCallback(\n (value: DynamicFormValue, index: number) => {\n const arrayItemButton = (\n <ItemButton\n onRemove={() => onDeleteItem(index)}\n onReorderUp={() => onReorderItem(index, 'up')}\n onReorderDown={() => onReorderItem(index, 'down')}\n disableReorderUp={index === 0}\n disableReorderDown={Boolean(haveItems) && values.length === index + 1}\n />\n );\n\n switch (blockConfig.arrayType) {\n case 'text': {\n return (\n <div className={b('row')}>\n <Text\n className={b('row-field')}\n value={String(value)}\n onUpdate={(updateValue) => onUpdate(`[${index}]`, updateValue)}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n />\n {arrayItemButton}\n </div>\n );\n }\n case 'object': {\n if (!blockConfig.properties) {\n return null;\n }\n return (\n <div key={index} className={b('card')}>\n <div className={`${b('row')} ${b('card-head')}`}>\n <div className={b('row-title')}>Item {index + 1}</div>\n {arrayItemButton}\n </div>\n <DynamicForm\n contentConfig={value as object}\n blockConfig={blockConfig.properties}\n onUpdateByKey={(key, updateValue) =>\n onUpdate(`[${index}].${key}`, updateValue)\n }\n />\n </div>\n );\n }\n default: {\n return null;\n }\n }\n },\n [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n );\n\n const renderInputs = React.useCallback(() => {\n if (haveItems) {\n const renderItems = values\n .map(renderInput)\n .filter(Boolean) as unknown as React.ReactNode[];\n return (\n <React.Fragment>\n {renderItems}\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n {blockConfig.buttonText}\n </Button>\n </React.Fragment>\n );\n } else {\n return (\n <div className={b('empty')}>\n <Button className={b('add-button')} onClick={onAddItem}>\n <Icon data={Plus} />\n Please, add new item\n </Button>\n </div>\n );\n }\n }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n return (\n <FieldBase\n title={title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {renderInputs()}\n </FieldBase>\n );\n};\n\nexport default ArrayDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ConfigInput, DynamicFormValue } from "../../../../../common/types/index.js";
 import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
 interface ObjectDynamicFieldProps extends FieldBaseParams {
-    value: DynamicFormValue;
+    value: object;
     onUpdate: (key: string, value: DynamicFormValue) => void;
     blockConfig: Array<ConfigInput>;
     className?: string;

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '@gravity-ui/uikit';
 import DynamicForm from "../../DynamicForm.js";
 import FieldBase from "../../FieldBase/FieldBase.js";
 const ObjectDynamicField = ({ title, value, onUpdate, className, blockConfig, }) => {
-    return (_jsx(FieldBase, { title: title, className: className, onRefresh: (updatedValue) => onUpdate('', updatedValue), expandable: true, children: _jsx(Card, { children: _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig, onUpdate: onUpdate }) }) }));
+    return (_jsx(FieldBase, { title: title, className: className, onRefresh: (updatedValue) => onUpdate('', updatedValue), expandable: true, children: _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig, onUpdateByKey: onUpdate }) }));
 };
 export default ObjectDynamicField;
 //# sourceMappingURL=Object.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";~~AAAA~~,OAAO,~~EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,~~WAAW,6BAA0B;AAC5C,OAAO,SAA4B,qCAAkC;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,EACvD,UAAU,kBAEV,KAAC,~~IAAI,cACD,KAAC,~~WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,~~QAAQ~~,EAAE,QAAQ,GAAI,GAChF,~~GACC,~~CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {~~Card} from '@gravity-ui/uikit';\n\nimport {~~ConfigInput, DynamicFormValue} from '../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: ~~DynamicFormValue~~;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: Array<ConfigInput>;\n className?: string;\n}\n\nconst ObjectDynamicField = ({\n title,\n value,\n onUpdate,\n className,\n blockConfig,\n}: ObjectDynamicFieldProps) => {\n return (\n <FieldBase\n title={title}\n className={className}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n expandable\n >\n <~~Card>\n <~~DynamicForm contentConfig={value} blockConfig={blockConfig} ~~onUpdate~~={onUpdate} />\n ~~</Card>\n~~ </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}
1	+ {"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,6BAA0B;AAC5C,OAAO,SAA4B,qCAAkC;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,EACvD,UAAU,kBAEV,KAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,GAAI,GAChF,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {ConfigInput, DynamicFormValue} from '../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n value: object;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n blockConfig: Array<ConfigInput>;\n className?: string;\n}\n\nconst ObjectDynamicField = ({\n title,\n value,\n onUpdate,\n className,\n blockConfig,\n}: ObjectDynamicFieldProps) => {\n return (\n <FieldBase\n title={title}\n className={className}\n onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n expandable\n >\n <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdateByKey={onUpdate} />\n </FieldBase>\n );\n};\n\nexport default ObjectDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css CHANGED Viewed

@@ -1,5 +1,5 @@
 .pceditor-oneof-dynamic-field__radio {
-  margin: 16px 12px;
+  margin-bottom: 12px;
 }
 .pceditor-oneof-dynamic-field__select {
   min-width: 80px;

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
+import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
 import * as React from 'react';
 import { editorCn } from "../../../../utils/cn.js";
 import DynamicForm from "../../DynamicForm.js";
@@ -21,13 +21,13 @@ const OneOfDynamicField = ({ contentConfig, onUpdate, className, inputConfig, })
     const onUpdateOneOf = React.useCallback((value) => {
         setOneOfMetaValue(value);
     }, []);
-    return (_jsx(FieldBase, { title: inputConfig.title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: _jsxs(Card, { children: [inputConfig.options.length < 4 ? (_jsx(SegmentedRadioGroup, { className: b('radio'), options: inputConfig.options.map((option) => ({
-                        content: option.title,
-                        value: option.value,
-                    })), value: oneOfMetaValue, onUpdate: onUpdateOneOf })) : (_jsx(Select, { options: inputConfig.options.map((option) => ({
-                        content: option.title,
-                        value: option.value,
-                    })), value: oneOfMetaValue ? [oneOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateOneOf(selectValue), className: b('select') })), oneOfChosenOption && (_jsx(DynamicForm, { blockConfig: oneOfChosenOption.properties, contentConfig: oneOfContentConfig, onUpdate: onUpdate }))] }) }));
+    return (_jsxs(FieldBase, { title: inputConfig.title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: [inputConfig.options.length < 4 ? (_jsx(SegmentedRadioGroup, { className: b('radio'), options: inputConfig.options.map((option) => ({
+                    content: option.title,
+                    value: option.value,
+                })), value: oneOfMetaValue, onUpdate: onUpdateOneOf })) : (_jsx(Select, { options: inputConfig.options.map((option) => ({
+                    content: option.title,
+                    value: option.value,
+                })), value: oneOfMetaValue ? [oneOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateOneOf(selectValue), className: b('select') })), oneOfChosenOption && (_jsx(DynamicForm, { blockConfig: oneOfChosenOption.properties, contentConfig: oneOfContentConfig, onUpdateByKey: onUpdate }))] }));
 };
 export default OneOfDynamicField;
 //# sourceMappingURL=OneOf.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,~~IAAI,EAAE,~~mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;~~AACpE~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,WAAW,6BAA0B;AAC5C,OAAO,SAAS,qCAAkC;AAElD,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAS1C,8DAA8D;AAC9D,MAAM,qBAAqB,GAAG,CAAC,aAAkB,EAAE,IAAY,EAAE,EAAE;IAC/D,IAAI,IAAI,EAAE,CAAC;QACP,OAAO,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,CAAC;IACD,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACvB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,GACU,EAAE,EAAE;IACzB,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEzE,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,aAAa,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAClF,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACD,WAAW,CAAC,OAAO,CAAC,IAAI,CACpB,CAAC,EAAC,KAAK,EAAE,eAAe,EAAC,EAAE,EAAE,CAAC,eAAe,KAAK,cAAc,CACnE,EACL,CAAC,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CACxC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACtD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,~~KAAC~~,SAAS,IACN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EACzC,UAAU,~~kBAEV~~,~~MAAC,IAAI,eACA,~~WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAC,mBAAmB,IAChB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;~~wBAC1C~~,OAAO,EAAE,MAAM,CAAC,KAAK;~~wBACrB~~,KAAK,EAAE,MAAM,CAAC,KAAK;~~qBACtB~~,CAAC,CAAC,EACH,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,aAAa,GACzB,CACL,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,IACH,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;~~wBAC1C~~,OAAO,EAAE,MAAM,CAAC,KAAK;~~wBACrB~~,KAAK,EAAE,MAAM,CAAC,KAAK;~~qBACtB~~,CAAC,CAAC,EACH,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,EACvD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,CACL,EACA,iBAAiB,IAAI,CAClB,KAAC,WAAW,IACR,WAAW,EAAE,iBAAiB,CAAC,UAAU,EACzC,aAAa,EAAE,kBAAkB,EACjC,~~QAAQ~~,EAAE,QAAQ,~~GACpB~~,CACL,~~IACE~~,~~GACC,~~CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {~~Card,~~ SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('oneof-dynamic-field');\n\ninterface OneOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: OneOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getOneOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst OneOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: OneOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);\n\n const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);\n const oneOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundOneOfValue}) => foundOneOfValue === oneOfMetaValue,\n ),\n [inputConfig.options, oneOfMetaValue],\n );\n\n const onUpdateOneOf = React.useCallback((value: string) => {\n setOneOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n ~~<Card>\n~~ {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue}\n onUpdate={onUpdateOneOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue ? [oneOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n className={b('select')}\n />\n )}\n {oneOfChosenOption && (\n <DynamicForm\n blockConfig={oneOfChosenOption.properties}\n contentConfig={oneOfContentConfig}\n ~~onUpdate~~={onUpdate}\n />\n )}\n ~~</Card>\n~~ </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}
1	+ {"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('oneof-dynamic-field');\n\ninterface OneOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: OneOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getOneOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst OneOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: OneOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);\n\n const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);\n const oneOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundOneOfValue}) => foundOneOfValue === oneOfMetaValue,\n ),\n [inputConfig.options, oneOfMetaValue],\n );\n\n const onUpdateOneOf = React.useCallback((value: string) => {\n setOneOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue}\n onUpdate={onUpdateOneOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={oneOfMetaValue ? [oneOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n className={b('select')}\n />\n )}\n {oneOfChosenOption && (\n <DynamicForm\n blockConfig={oneOfChosenOption.properties}\n contentConfig={oneOfContentConfig}\n onUpdateByKey={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default OneOfDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ import './Select.css';
 type SelectInput = SelectSingleInput | SelectMultipleInput;
 interface SelectDynamicFieldProps extends FieldBaseParams {
     input: SelectInput;
-    value: string;
-    onUpdate: (value: string | undefined) => void;
+    value: string | string[];
+    onUpdate: (value: string | string[] | undefined) => void;
     className?: string;
 }
 declare const SelectDynamicField: ({ input, value, onUpdate, className }: SelectDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js CHANGED Viewed

@@ -6,7 +6,9 @@ import './Select.css';
 const b = editorCn('editor-select-field');
 const SelectDynamicField = ({ input, value, onUpdate, className }) => {
     const inputView = input.view || 'radiobutton';
-    return (_jsxs(FieldBase, { title: input.title, className: b(null, className), onRefresh: onUpdate, children: [inputView === 'select' && (_jsx(Select, { placeholder: 'Value', value: value ? [value] : [], onUpdate: ([selectValue]) => onUpdate(selectValue), options: input.enum, className: b('select') })), inputView === 'radiobutton' && (_jsx(SegmentedRadioGroup, { options: input.enum, value: value, onUpdate: onUpdate }))] }));
+    const isMultiple = input.mode === 'multiple';
+    const currentValue = Array.isArray(value) ? value : [value];
+    return (_jsxs(FieldBase, { title: input.title, className: b(null, className), onRefresh: onUpdate, children: [(inputView === 'select' || isMultiple) && (_jsx(Select, { placeholder: 'Value', value: value ? currentValue : [], onUpdate: (selectValues) => isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0]), options: input.enum, className: b('select'), multiple: isMultiple })), inputView === 'radiobutton' && !isMultiple && (_jsx(SegmentedRadioGroup, { options: input.enum, value: Array.isArray(value) ? value[0] : value, onUpdate: onUpdate }))] }));
 };
 export default SelectDynamicField;
 //# sourceMappingURL=Select.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAW1C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;~~IAE9C~~,OAAO,CACH,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,SAAS,KAAK,QAAQ,IAAI,~~CACvB~~,KAAC,MAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,~~CAAC~~,~~KAAK,~~CAAC,CAAC,CAAC,~~CAAC,~~EAAE,~~EAC3B~~,QAAQ,EAAE,CAAC,CAAC,~~WAAW~~,CAAC,~~EAAE~~,~~EAAE~~,CAAC,QAAQ,CAAC,~~WAAW~~,CAAC,~~EAClD~~,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,~~GACxB~~,CACL,EACA,SAAS,KAAK,aAAa,IAAI,~~CAC5B~~,KAAC,mBAAmB,~~IAAC~~,OAAO,EAAE,KAAK,CAAC,IAAI,~~EAAE~~,KAAK,EAAE,KAAK,~~EAAE~~,QAAQ,EAAE,QAAQ,~~GAAI~~,~~CACjF~~,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput \| SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n input: SelectInput;\n value: string;\n onUpdate: (value: string \| undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view \|\| 'radiobutton';\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {inputView === 'select' && (\n <Select\n placeholder={'Value'}\n value={value ? ~~[value]~~ : []}\n onUpdate={(~~[selectValue]~~) => onUpdate(~~selectValue~~)}\n options={input.enum}\n className={b('select')}\n />\n )}\n {inputView === 'radiobutton' && (\n <SegmentedRadioGroup options={input.enum} value={value} onUpdate={onUpdate} />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}
1	+ {"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAW1C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACH,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,CAAC,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CACvC,KAAC,MAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CACvB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAEnE,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,EAAE,UAAU,GACtB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAAC,UAAU,IAAI,CAC3C,KAAC,mBAAmB,IAChB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAC9C,QAAQ,EAAE,QAAQ,GACpB,CACL,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput \| SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n input: SelectInput;\n value: string \| string[];\n onUpdate: (value: string \| string[] \| undefined) => void;\n className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n const inputView = input.view \|\| 'radiobutton';\n const isMultiple = input.mode === 'multiple';\n const currentValue = Array.isArray(value) ? value : [value];\n\n return (\n <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n {(inputView === 'select' \|\| isMultiple) && (\n <Select\n placeholder={'Value'}\n value={value ? currentValue : []}\n onUpdate={(selectValues) =>\n isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0])\n }\n options={input.enum}\n className={b('select')}\n multiple={isMultiple}\n />\n )}\n {inputView === 'radiobutton' && !isMultiple && (\n <SegmentedRadioGroup\n options={input.enum}\n value={Array.isArray(value) ? value[0] : value}\n onUpdate={onUpdate}\n />\n )}\n </FieldBase>\n );\n};\n\nexport default SelectDynamicField;\n"]}

package/build/esm/editor-v2/components/MessageCard/MessageCard.css ADDED Viewed

@@ -0,0 +1,51 @@
+.pceditor-message-card {
+  padding: 16px;
+  border-radius: 8px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+.pceditor-message-card__icon {
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.pceditor-message-card__content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.pceditor-message-card__title {
+  margin: 0;
+}
+.pceditor-message-card__description {
+  margin: 0;
+}
+.pceditor-message-card_theme_success {
+  border: 1px solid var(--g-color-text-positive);
+  background-color: var(--g-color-base-positive-light);
+}
+.pceditor-message-card_theme_success .pceditor-message-card__icon {
+  color: var(--g-color-text-positive);
+}
+.pceditor-message-card_theme_error {
+  border: 1px solid var(--g-color-text-danger);
+  background-color: var(--g-color-base-danger-light);
+}
+.pceditor-message-card_theme_error .pceditor-message-card__icon {
+  color: var(--g-color-text-danger);
+}
+.pceditor-message-card_theme_warning {
+  border: 1px solid var(--g-color-text-warning);
+  background-color: var(--g-color-base-warning-light);
+}
+.pceditor-message-card_theme_warning .pceditor-message-card__icon {
+  color: var(--g-color-text-warning);
+}
+.pceditor-message-card_theme_info {
+  border: 1px solid var(--g-color-text-info);
+  background-color: var(--g-color-base-info-light);
+}
+.pceditor-message-card_theme_info .pceditor-message-card__icon {
+  color: var(--g-color-text-info);
+}

package/build/esm/editor-v2/components/MessageCard/MessageCard.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IconData } from '@gravity-ui/uikit';
+import './MessageCard.css';
+export type MessageTheme = 'success' | 'error' | 'warning' | 'info';
+export interface MessageCardProps {
+    title: string;
+    description: string;
+    theme: MessageTheme;
+    icon?: IconData;
+}
+export declare const MessageCard: React.FC<MessageCardProps>;

package/build/esm/editor-v2/components/MessageCard/MessageCard.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Text } from '@gravity-ui/uikit';
+import { Check, CircleInfo, TriangleExclamation, Xmark } from '@gravity-ui/icons';
+import { editorCn } from "../../utils/cn.js";
+const b = editorCn('message-card');
+import './MessageCard.css';
+const DEFAULT_ICONS = {
+    success: Check,
+    error: Xmark,
+    warning: TriangleExclamation,
+    info: CircleInfo,
+};
+export const MessageCard = ({ title, description, theme, icon }) => {
+    const IconComponent = icon || DEFAULT_ICONS[theme];
+    return (_jsxs("div", { className: b({ theme }), children: [_jsx(Icon, { className: b('icon'), data: IconComponent, size: 20 }), _jsxs("div", { className: b('content'), children: [_jsx(Text, { variant: "subheader-1", className: b('title'), children: title }), _jsx(Text, { variant: "body-1", color: "secondary", className: b('description'), children: description })] })] }));
+};
+//# sourceMappingURL=MessageCard.js.map

package/build/esm/editor-v2/components/MessageCard/MessageCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/MessageCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAY,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAEnC,OAAO,mBAAmB,CAAC;AAI3B,MAAM,aAAa,GAAmC;IAClD,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,UAAU;CACnB,CAAC;AASF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE;IACzF,MAAM,aAAa,GAAG,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,aACtB,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,GAAI,EAC7D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC5C,KAAK,GACH,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC/D,WAAW,GACT,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {Icon, IconData, Text} from '@gravity-ui/uikit';\nimport {Check, CircleInfo, TriangleExclamation, Xmark} from '@gravity-ui/icons';\n\nimport {editorCn} from '../../utils/cn';\n\nconst b = editorCn('message-card');\n\nimport './MessageCard.scss';\n\nexport type MessageTheme = 'success' | 'error' | 'warning' | 'info';\n\nconst DEFAULT_ICONS: Record<MessageTheme, IconData> = {\n success: Check,\n error: Xmark,\n warning: TriangleExclamation,\n info: CircleInfo,\n};\n\nexport interface MessageCardProps {\n title: string;\n description: string;\n theme: MessageTheme;\n icon?: IconData;\n}\n\nexport const MessageCard: React.FC<MessageCardProps> = ({title, description, theme, icon}) => {\n const IconComponent = icon || DEFAULT_ICONS[theme];\n\n return (\n <div className={b({theme})}>\n <Icon className={b('icon')} data={IconComponent} size={20} />\n <div className={b('content')}>\n <Text variant=\"subheader-1\" className={b('title')}>\n {title}\n </Text>\n <Text variant=\"body-1\" color=\"secondary\" className={b('description')}>\n {description}\n </Text>\n </div>\n </div>\n );\n};\n"]}

package/build/esm/editor-v2/components/MessageCard/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { MessageCard } from "./MessageCard.js";
2	+ export type { MessageCardProps, MessageTheme } from "./MessageCard.js";

package/build/esm/editor-v2/components/MessageCard/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { MessageCard } from "./MessageCard.js";
2	+ //# sourceMappingURL=index.js.map

package/build/esm/editor-v2/components/MessageCard/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,yBAAsB","sourcesContent":["export {MessageCard} from './MessageCard';\nexport type {MessageCardProps, MessageTheme} from './MessageCard';\n"]}

package/build/esm/editor-v2/components/Panels/Panels.css CHANGED Viewed

@@ -13,7 +13,7 @@
 }
 .pceditor-panels__draggable {
   position: relative;
-  width: 12px;
+  width: 8px;
   height: 100%;
   cursor: col-resize;
   background-color: var(--g-color-line-generic);