npm - @gravity-ui/page-constructor - Versions diffs - 8.4.1 → 8.5.0-alpha.0 - Mend

@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

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

package/build/cjs/editor/dynamic-forms-custom/parser/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign /\n/ eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign /\nimport {ArraySpec, ObjectSpec, SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema, SchemaDefinitions} from '../../../schema';\n\nimport {ParserType, detectParserType} from './detect';\nimport {\n BlocksSpec,\n CustomSpec,\n FormSpecs,\n PageSpec,\n SchemaParser,\n SchemaParserParams,\n Spec,\n} from './types';\nimport {getArrayViewSpec, getObjectViewSpec, getOneOfViewSpec, getPrimitiveViewSpec} from './views';\n\nclass FormSpecParser {\n private schema: Schema = {};\n private definitions: SchemaDefinitions = {};\n\n /\n Transforms page-constructor json schema into dynamic-forms specs for each block\n \n @param schema {Schema} - page-constructor json schema\n * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block\n */\n parse(schema: Schema) {\n this.init(schema);\n\n return this.getFormSpec();\n }\n\n private getChildrenSpec = (data: Schema) => {\n const childrenType = (data.items as Schema)?.$ref?.split('/')?.pop();\n\n return this.definitions[childrenType as keyof typeof this.definitions];\n };\n\n private getRequiredProperties = (data: Schema) =>\n Array.isArray(data.required) ? data.required : [];\n\n private childrenParser: SchemaParser = ({data, name, required}) => {\n const childSpec = this.getChildrenSpec(data);\n\n const properties =\n childSpec &&\n Object.entries(childSpec).reduce(\n (parsedChildSpecProperties, [childName, childSchema]: [string, Schema]) => {\n const childRequiredProperties = this.getRequiredProperties(childSchema);\n const childProperies =\n childSchema.properties &&\n Object.entries(childSchema.properties).reduce(\n (parsedChildProperties, [childPropertyName, childPropertyData]) => {\n parsedChildProperties[childPropertyName] = this.parseSchemaProperty(\n {\n data: childPropertyData,\n name: childPropertyName,\n required:\n childRequiredProperties.includes(childPropertyName),\n },\n );\n\n return parsedChildProperties;\n },\n {} as Record<string, CustomSpec>,\n );\n\n const childJsonSchema = {\n ...childSchema,\n properties: {\n ...childSchema.properties,\n type: {\n type: SpecTypes.String,\n enum: [childName],\n },\n },\n };\n\n parsedChildSpecProperties[childName] = {\n type: SpecTypes.Array,\n items: {\n ...childSchema,\n type: SpecTypes.Object,\n properties: {\n ...childProperies,\n type: {\n type: SpecTypes.String,\n defaultValue: childName,\n viewSpec: {\n type: 'hidden',\n },\n },\n },\n viewSpec:\n childProperies &&\n getObjectViewSpec({\n properties: childProperies,\n layoutTitle: childName,\n }),\n __schema: childJsonSchema,\n } as ObjectSpec,\n required: false,\n viewSpec: getArrayViewSpec({layoutTitle: childName}),\n __schema: {\n type: SpecTypes.Array,\n items: childJsonSchema,\n },\n } as ArraySpec;\n\n return parsedChildSpecProperties;\n },\n {} as Record<string, CustomSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n viewSpec: {\n type: 'oneof_custom',\n layout: 'row',\n layoutTitle: name,\n oneOfParams: {\n toggler: 'select',\n },\n },\n required,\n } as CustomSpec;\n };\n\n private oneOfParser: SchemaParser = ({data, name, required}): Spec => {\n const requiredProperties = this.getRequiredProperties(data);\n const properties =\n data.oneOf &&\n data.oneOf.reduce(\n (result: Record<string, Spec>, propertyData, index) => {\n const propertyName = propertyData?.optionName\n ? propertyData?.optionName\n : `${name}_${index}`;\n result[propertyName] = this.parseSchemaProperty({\n data: propertyData,\n name: propertyName,\n required: requiredProperties.includes(propertyName),\n });\n return result;\n },\n {} as Record<string, ObjectSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n required,\n viewSpec: getOneOfViewSpec({layoutTitle: name}),\n } as ObjectSpec;\n };\n\n private arrayParser: SchemaParser = ({data, name}): Spec => {\n const items = data.items && this.parseSchemaProperty({data: data.items, name});\n\n return {\n ...data,\n type: SpecTypes.Array,\n items,\n viewSpec: getArrayViewSpec({layoutTitle: name}),\n } as ArraySpec;\n };\n\n private objectParser: SchemaParser = ({data, name, required}): Spec => {\n const requiredProperties = this.getRequiredProperties(data);\n const properties =\n data.properties &&\n Object.entries(data.properties).reduce(\n (result, [propertyName, propertyData]) => {\n result[propertyName] = this.parseSchemaProperty({\n data: propertyData,\n name: propertyName,\n required: requiredProperties.includes(propertyName),\n });\n\n return result;\n },\n {} as Record<string, Spec>,\n );\n\n return {\n ...data,\n type: SpecTypes.Object,\n properties,\n viewSpec: getObjectViewSpec({properties, layoutTitle: name}),\n required,\n } as ObjectSpec;\n };\n\n private primitiveParser: SchemaParser = ({data, name, required}): Spec => {\n return {\n ...data,\n type: data.type as SpecTypes,\n required,\n defaultValue: data.default,\n viewSpec: getPrimitiveViewSpec({layoutTitle: name, data}),\n validator: 'base',\n } as Spec;\n };\n\n //eslint-disable-next-line @typescript-eslint/member-ordering\n private schemaParserMap = {\n [ParserType.Object]: this.objectParser,\n [ParserType.Array]: this.arrayParser,\n [ParserType.Primitive]: this.primitiveParser,\n [ParserType.OneOf]: this.oneOfParser,\n [ParserType.Children]: this.childrenParser,\n };\n\n private parseSchemaProperty({data, name, required}: SchemaParserParams): CustomSpec {\n const parserType = detectParserType(data);\n const parser = this.schemaParserMap[parserType];\n\n return {\n ...parser({data, name, required}),\n //save json schema from constructor to compare with incoming intial data inside oneOf form fields\n __schema: data,\n };\n }\n\n private getBlocksSpec() {\n const blocks = this.definitions.children;\n\n return Object.entries(blocks).reduce((result, [blockName, blockData]) => {\n result[blockName] = this.parseSchemaProperty({\n name: blockName,\n data: {...blockData},\n required: true,\n });\n\n return result;\n }, {} as BlocksSpec);\n }\n\n private getPageSpec() {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const {blocks, ...pageSchema} = this.schema?.properties \|\| {};\n const requiredProperties = this.getRequiredProperties(this.schema);\n\n const properties = Object.entries(pageSchema).reduce(\n (result, [propertyName, propertyData]) => {\n result[propertyName] = this.parseSchemaProperty({\n name: propertyName,\n data: propertyData,\n required: requiredProperties.includes(propertyName),\n });\n\n return result;\n },\n {} as Record<string, CustomSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n viewSpec: getObjectViewSpec({properties, layout: 'section'}),\n required: true,\n } as PageSpec;\n }\n\n private getFormSpec() {\n return {\n blocks: this.getBlocksSpec(),\n page: this.getPageSpec(),\n } as FormSpecs;\n }\n\n private init(schema: Schema) {\n this.schema = schema;\n\n if (schema.definitions) {\n this.definitions = Object.entries(schema.definitions).reduce(\n (result, [childType, childSpec]) => {\n result[childType] = childSpec?.selectCases;\n\n return result;\n },\n {} as SchemaDefinitions,\n );\n }\n }\n}\n\nexport default new FormSpecParser();\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign /\n/ eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign /\nimport {ArraySpec, ObjectSpec, SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema, SchemaDefinitions} from '../../../gravity-blocks/schema';\n\nimport {ParserType, detectParserType} from './detect';\nimport {\n BlocksSpec,\n CustomSpec,\n FormSpecs,\n PageSpec,\n SchemaParser,\n SchemaParserParams,\n Spec,\n} from './types';\nimport {getArrayViewSpec, getObjectViewSpec, getOneOfViewSpec, getPrimitiveViewSpec} from './views';\n\nclass FormSpecParser {\n private schema: Schema = {};\n private definitions: SchemaDefinitions = {};\n\n /\n Transforms page-constructor json schema into dynamic-forms specs for each block\n \n @param schema {Schema} - page-constructor json schema\n * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block\n */\n parse(schema: Schema) {\n this.init(schema);\n\n return this.getFormSpec();\n }\n\n private getChildrenSpec = (data: Schema) => {\n const childrenType = (data.items as Schema)?.$ref?.split('/')?.pop();\n\n return this.definitions[childrenType as keyof typeof this.definitions];\n };\n\n private getRequiredProperties = (data: Schema) =>\n Array.isArray(data.required) ? data.required : [];\n\n private childrenParser: SchemaParser = ({data, name, required}) => {\n const childSpec = this.getChildrenSpec(data);\n\n const properties =\n childSpec &&\n Object.entries(childSpec).reduce(\n (parsedChildSpecProperties, [childName, childSchema]: [string, Schema]) => {\n const childRequiredProperties = this.getRequiredProperties(childSchema);\n const childProperies =\n childSchema.properties &&\n Object.entries(childSchema.properties).reduce(\n (parsedChildProperties, [childPropertyName, childPropertyData]) => {\n parsedChildProperties[childPropertyName] = this.parseSchemaProperty(\n {\n data: childPropertyData,\n name: childPropertyName,\n required:\n childRequiredProperties.includes(childPropertyName),\n },\n );\n\n return parsedChildProperties;\n },\n {} as Record<string, CustomSpec>,\n );\n\n const childJsonSchema = {\n ...childSchema,\n properties: {\n ...childSchema.properties,\n type: {\n type: SpecTypes.String,\n enum: [childName],\n },\n },\n };\n\n parsedChildSpecProperties[childName] = {\n type: SpecTypes.Array,\n items: {\n ...childSchema,\n type: SpecTypes.Object,\n properties: {\n ...childProperies,\n type: {\n type: SpecTypes.String,\n defaultValue: childName,\n viewSpec: {\n type: 'hidden',\n },\n },\n },\n viewSpec:\n childProperies &&\n getObjectViewSpec({\n properties: childProperies,\n layoutTitle: childName,\n }),\n __schema: childJsonSchema,\n } as ObjectSpec,\n required: false,\n viewSpec: getArrayViewSpec({layoutTitle: childName}),\n __schema: {\n type: SpecTypes.Array,\n items: childJsonSchema,\n },\n } as ArraySpec;\n\n return parsedChildSpecProperties;\n },\n {} as Record<string, CustomSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n viewSpec: {\n type: 'oneof_custom',\n layout: 'row',\n layoutTitle: name,\n oneOfParams: {\n toggler: 'select',\n },\n },\n required,\n } as CustomSpec;\n };\n\n private oneOfParser: SchemaParser = ({data, name, required}): Spec => {\n const requiredProperties = this.getRequiredProperties(data);\n const properties =\n data.oneOf &&\n data.oneOf.reduce(\n (result: Record<string, Spec>, propertyData, index) => {\n const propertyName = propertyData?.optionName\n ? propertyData?.optionName\n : `${name}_${index}`;\n result[propertyName] = this.parseSchemaProperty({\n data: propertyData,\n name: propertyName,\n required: requiredProperties.includes(propertyName),\n });\n return result;\n },\n {} as Record<string, ObjectSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n required,\n viewSpec: getOneOfViewSpec({layoutTitle: name}),\n } as ObjectSpec;\n };\n\n private arrayParser: SchemaParser = ({data, name}): Spec => {\n const items = data.items && this.parseSchemaProperty({data: data.items, name});\n\n return {\n ...data,\n type: SpecTypes.Array,\n items,\n viewSpec: getArrayViewSpec({layoutTitle: name}),\n } as ArraySpec;\n };\n\n private objectParser: SchemaParser = ({data, name, required}): Spec => {\n const requiredProperties = this.getRequiredProperties(data);\n const properties =\n data.properties &&\n Object.entries(data.properties).reduce(\n (result, [propertyName, propertyData]) => {\n result[propertyName] = this.parseSchemaProperty({\n data: propertyData,\n name: propertyName,\n required: requiredProperties.includes(propertyName),\n });\n\n return result;\n },\n {} as Record<string, Spec>,\n );\n\n return {\n ...data,\n type: SpecTypes.Object,\n properties,\n viewSpec: getObjectViewSpec({properties, layoutTitle: name}),\n required,\n } as ObjectSpec;\n };\n\n private primitiveParser: SchemaParser = ({data, name, required}): Spec => {\n return {\n ...data,\n type: data.type as SpecTypes,\n required,\n defaultValue: data.default,\n viewSpec: getPrimitiveViewSpec({layoutTitle: name, data}),\n validator: 'base',\n } as Spec;\n };\n\n //eslint-disable-next-line @typescript-eslint/member-ordering\n private schemaParserMap = {\n [ParserType.Object]: this.objectParser,\n [ParserType.Array]: this.arrayParser,\n [ParserType.Primitive]: this.primitiveParser,\n [ParserType.OneOf]: this.oneOfParser,\n [ParserType.Children]: this.childrenParser,\n };\n\n private parseSchemaProperty({data, name, required}: SchemaParserParams): CustomSpec {\n const parserType = detectParserType(data);\n const parser = this.schemaParserMap[parserType];\n\n return {\n ...parser({data, name, required}),\n //save json schema from constructor to compare with incoming intial data inside oneOf form fields\n __schema: data,\n };\n }\n\n private getBlocksSpec() {\n const blocks = this.definitions.children;\n\n return Object.entries(blocks).reduce((result, [blockName, blockData]) => {\n result[blockName] = this.parseSchemaProperty({\n name: blockName,\n data: {...blockData},\n required: true,\n });\n\n return result;\n }, {} as BlocksSpec);\n }\n\n private getPageSpec() {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const {blocks, ...pageSchema} = this.schema?.properties \|\| {};\n const requiredProperties = this.getRequiredProperties(this.schema);\n\n const properties = Object.entries(pageSchema).reduce(\n (result, [propertyName, propertyData]) => {\n result[propertyName] = this.parseSchemaProperty({\n name: propertyName,\n data: propertyData,\n required: requiredProperties.includes(propertyName),\n });\n\n return result;\n },\n {} as Record<string, CustomSpec>,\n );\n\n return {\n type: SpecTypes.Object,\n properties,\n viewSpec: getObjectViewSpec({properties, layout: 'section'}),\n required: true,\n } as PageSpec;\n }\n\n private getFormSpec() {\n return {\n blocks: this.getBlocksSpec(),\n page: this.getPageSpec(),\n } as FormSpecs;\n }\n\n private init(schema: Schema) {\n this.schema = schema;\n\n if (schema.definitions) {\n this.definitions = Object.entries(schema.definitions).reduce(\n (result, [childType, childSpec]) => {\n result[childType] = childSpec?.selectCases;\n\n return result;\n },\n {} as SchemaDefinitions,\n );\n }\n }\n}\n\nexport default new FormSpecParser();\n"]}

package/build/cjs/editor/dynamic-forms-custom/parser/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Spec as DynamicFormSpec, ObjectSpec } from '@gravity-ui/dynamic-forms';
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 export type OneOfSpec = {
     oneOf: DynamicFormSpec[];
     viewSpec: ObjectSpec['viewSpec'];

package/build/cjs/editor/dynamic-forms-custom/parser/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/types.ts"],"names":[],"mappings":"","sourcesContent":["import {Spec as DynamicFormSpec, ObjectSpec} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../schema';\n\nexport type OneOfSpec = {\n oneOf: DynamicFormSpec[];\n viewSpec: ObjectSpec['viewSpec'];\n};\n\nexport type CustomObjectSpec = Omit<ObjectSpec, 'properties'> & {\n properties: Record<string, CustomSpec>;\n};\n\nexport interface SpecCustomProps {\n disabled?: boolean;\n inputType?: string;\n __schema?: Schema;\n}\n\nexport type Spec = Exclude<DynamicFormSpec, 'ObjectSpec'> \| CustomObjectSpec \| OneOfSpec;\nexport type CustomSpec = Spec & SpecCustomProps;\nexport type BlocksSpec = Record<string, CustomSpec>;\nexport type PageSpec = CustomSpec;\nexport interface FormSpecs {\n blocks: BlocksSpec;\n page: PageSpec;\n}\n\nexport interface SchemaParserParams {\n data: Schema;\n name: string;\n required?: Schema['required'];\n}\n\nexport type SchemaParser = (params: SchemaParserParams) => CustomSpec;\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/types.ts"],"names":[],"mappings":"","sourcesContent":["import {Spec as DynamicFormSpec, ObjectSpec} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../gravity-blocks/schema';\n\nexport type OneOfSpec = {\n oneOf: DynamicFormSpec[];\n viewSpec: ObjectSpec['viewSpec'];\n};\n\nexport type CustomObjectSpec = Omit<ObjectSpec, 'properties'> & {\n properties: Record<string, CustomSpec>;\n};\n\nexport interface SpecCustomProps {\n disabled?: boolean;\n inputType?: string;\n __schema?: Schema;\n}\n\nexport type Spec = Exclude<DynamicFormSpec, 'ObjectSpec'> \| CustomObjectSpec \| OneOfSpec;\nexport type CustomSpec = Spec & SpecCustomProps;\nexport type BlocksSpec = Record<string, CustomSpec>;\nexport type PageSpec = CustomSpec;\nexport interface FormSpecs {\n blocks: BlocksSpec;\n page: PageSpec;\n}\n\nexport interface SchemaParserParams {\n data: Schema;\n name: string;\n required?: Schema['required'];\n}\n\nexport type SchemaParser = (params: SchemaParserParams) => CustomSpec;\n"]}

package/build/cjs/editor/dynamic-forms-custom/parser/views.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 import { CustomObjectSpec, CustomSpec } from "./types.js";
 interface BaseParams {
     layoutTitle?: string;

package/build/cjs/editor/dynamic-forms-custom/parser/views.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":";;;AAgBO,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AATW,QAAA,gBAAgB,oBAS3B;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AANU,QAAA,gBAAgB,oBAM1B;AAEI,MAAM,oBAAoB,GAAG,CAAC,EAAC,WAAW,EAAE,GAAG,IAAI,EAA6B,EAAE,EAAE;IACvF,IAAI,IAAI,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B","sourcesContent":["import {Schema} from '../../../schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n extends BaseParams,\n Partial<Extract<CustomSpec, CustomObjectSpec>> {\n layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n return {\n type: 'oneof_custom',\n layout: 'row',\n layoutTitle,\n oneOfParams: {\n toggler: 'select' as const,\n },\n };\n};\n\nexport const getObjectViewSpec = ({\n properties,\n disabled,\n layoutTitle,\n layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n return {\n layoutTitle,\n type: 'base',\n layout,\n order: properties && Object.keys(properties).sort(),\n disabled,\n };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n layoutTitle,\n type: 'base',\n layout: 'accordeon',\n layoutOpen: true,\n itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n let type = data?.inputType \|\| 'base';\n\n if (data && 'enum' in data && data.enum) {\n type = 'select';\n }\n return {\n layout: 'row',\n type,\n layoutTitle,\n };\n};\n"]}
1	+ {"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":";;;AAgBO,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AATW,QAAA,gBAAgB,oBAS3B;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AANU,QAAA,gBAAgB,oBAM1B;AAEI,MAAM,oBAAoB,GAAG,CAAC,EAAC,WAAW,EAAE,GAAG,IAAI,EAA6B,EAAE,EAAE;IACvF,IAAI,IAAI,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B","sourcesContent":["import {Schema} from '../../../gravity-blocks/schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n extends BaseParams,\n Partial<Extract<CustomSpec, CustomObjectSpec>> {\n layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n return {\n type: 'oneof_custom',\n layout: 'row',\n layoutTitle,\n oneOfParams: {\n toggler: 'select' as const,\n },\n };\n};\n\nexport const getObjectViewSpec = ({\n properties,\n disabled,\n layoutTitle,\n layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n return {\n layoutTitle,\n type: 'base',\n layout,\n order: properties && Object.keys(properties).sort(),\n disabled,\n };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n layoutTitle,\n type: 'base',\n layout: 'accordeon',\n layoutOpen: true,\n itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n let type = data?.inputType \|\| 'base';\n\n if (data && 'enum' in data && data.enum) {\n type = 'select';\n }\n return {\n layout: 'row',\n type,\n layoutTitle,\n };\n};\n"]}

package/build/cjs/editor/store/main/index.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
-import { Block, BlockDecorationProps, PageContent } from "../../../models/index.js";
+import * as React from 'react';
+import { Block, BlockWrapperDataProps, PageContent } from "../../../models/index.js";
 import { EditBlockProps, EditorProps } from "../../types/index.js";
 export type EditorBlockId = number | string;
 export declare function useMainState({ content: intialContent, custom }: Omit<EditorProps, 'children'>): {
     activeBlockIndex: number;
     content: PageContent;
     errorBoundaryState: number;
-    injectEditBlockProps: ({ type, index: relativeIndex, children, ...rest }: BlockDecorationProps) => EditBlockProps;
+    injectEditBlockProps: ({ type, index: relativeIndex, children, ...rest }: BlockWrapperDataProps & React.PropsWithChildren) => EditBlockProps;
     onAdd: (block: Block) => void;
     onSelect: (index: number) => void;
     onContentUpdate: (newContent: PageContent) => void;

package/build/cjs/editor/store/main/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/main/index.ts"],"names":[],"mappings":";;AAqBA,oCAyFC;;AA9GD,qDAA+B;AAE/B,gEAA4D;AAC5D,~~qDAA2F~~;~~AAC3F~~,mDAA8D;AAC9D,uEAAyF;AACzF,gDAAsE;AAEtE,0CAQmB;AACnB,sCAAuC;AAIvC,SAAgB,YAAY,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAgC;IACxF,MAAM,CAAC,EAAC,gBAAgB,EAAE,OAAO,EAAE,kBAAkB,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAO,EAAE;QAC1F,gBAAgB,EAAE,CAAC;QACnB,kBAAkB,EAAE,CAAC;QACrB,OAAO,EAAE,IAAA,sBAAc,EAAC,aAAa,CAAC;QACtC,QAAQ,EAAE,oBAAY,CAAC,OAAO;QAC9B,KAAK,EAAE,yBAAa;KACvB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,MAAM,gBAAgB,GAAG,CAAC,GAAG,yBAAgB,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QACvF,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAA,sBAAc,EAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACnF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAExE,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;YAC3B,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAE3C,IAAI,gBAAgB,IAAI,QAAQ,EAAE,CAAC;gBAC/B,2DAA2D;gBAC3D,OAAO;YACX,CAAC;YAED,6CAA6C;YAC7C,MAAM,KAAK,GAAG,QAAQ;gBAClB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,gBAAgB,KAAK,CAAC,CAAC;oBACvB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM;oBACvB,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;YAE7B,QAAQ,CAAC,EAAC,IAAI,EAAE,mBAAS,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,sBAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QACnF,MAAM,eAAe,GAAG,CAAC,UAAuB,EAAE,EAAE,CAChD,QAAQ,CAAC,EAAC,IAAI,EAAE,wBAAc,EAAE,OAAO,EAAE,UAAU,EAAC,CAAC,CAAC;QAC1D,MAAM,oBAAoB,GAAG,CAAC,EAC1B,IAAI,EACJ,KAAK,EAAE,aAAa,GAAG,CAAC,EACxB,QAAQ,EACR,GAAG,IAAI,~~EACY~~,EAAE,EAAE;~~YACvB~~,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,uBAAuB,CAAC;YACrE,MAAM,QAAQ,GAAG,gBAAgB,KAAK,KAAK,CAAC;YAC5C,MAAM,OAAO,GAAqB;gBAC9B,CAAC,6BAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,sBAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;aACnF,CAAC;YAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,OAAO,CAAC,6BAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC,EAAC,IAAI,EAAE,oBAAU,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;gBAEjD,IAAI,KAAK,GAAG,uBAAuB,EAAE,CAAC;oBAClC,OAAO,CAAC,6BAAiB,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CACjC,QAAQ,CAAC;wBACL,IAAI,EAAE,qBAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;gBAED,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACpC,OAAO,CAAC,6BAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC;wBACL,IAAI,EAAE,qBAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;YACL,CAAC;YAED,OAAO;gBACH,QAAQ;gBACR,QAAQ;gBACR,QAAQ;gBACR,OAAO;gBACP,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC/B,GAAG,IAAI;aACQ,CAAC;QACxB,CAAC,CAAC;QAEF,OAAO;YACH,gBAAgB;YAChB,OAAO;YACP,kBAAkB;YAClB,oBAAoB;YACpB,KAAK;YACL,QAAQ;YACR,eAAe;SAClB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAChE,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../../components/constants';\nimport {Block, ~~BlockDecorationProps~~, HeaderBlockTypes, PageContent} from '../../../models';\nimport {getCustomTypes, getHeaderBlock} from '../../../utils';\nimport {EditBlockActions, EditBlockControls} from '../../components/EditBlock/EditBlock';\nimport {EditBlockProps, EditorProps, ViewModeItem} from '../../types';\n\nimport {\n ADD_BLOCK,\n COPY_BLOCK,\n DELETE_BLOCK,\n ORDER_BLOCK,\n SELECT_BLOCK,\n UPDATE_CONTENT,\n reducer,\n} from './reducer';\nimport {addEditorProps} from './utils';\n\nexport type EditorBlockId = number \| string;\n\nexport function useMainState({content: intialContent, custom}: Omit<EditorProps, 'children'>) {\n const [{activeBlockIndex, content, errorBoundaryState}, dispatch] = React.useReducer(reducer, {\n activeBlockIndex: 0,\n errorBoundaryState: 0,\n content: addEditorProps(intialContent),\n viewMode: ViewModeItem.Desktop,\n theme: DEFAULT_THEME,\n });\n\n return React.useMemo(() => {\n const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];\n const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));\n const checkIsHeader = (type: string) => headerBlockTypes.includes(type);\n\n const onAdd = (block: Block) => {\n const isHeader = checkIsHeader(block.type);\n\n if (contentHasHeader && isHeader) {\n //TODO: add warning that it should be only one header block\n return;\n }\n\n // eslint-disable-next-line no-nested-ternary\n const index = isHeader\n ? 0\n : activeBlockIndex === -1\n ? content.blocks.length\n : activeBlockIndex + 1;\n\n dispatch({type: ADD_BLOCK, payload: {block, index}});\n };\n const onSelect = (index: number) => dispatch({type: SELECT_BLOCK, payload: index});\n const onContentUpdate = (newContent: PageContent) =>\n dispatch({type: UPDATE_CONTENT, payload: newContent});\n const injectEditBlockProps = ({\n type,\n index: relativeIndex = 0,\n children,\n ...rest\n }: ~~BlockDecorationProps~~) => {\n const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;\n const isHeader = checkIsHeader(type);\n const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;\n const isActive = activeBlockIndex === index;\n const actions: EditBlockActions = {\n [EditBlockControls.Delete]: () => dispatch({type: DELETE_BLOCK, payload: index}),\n };\n\n if (!isHeader) {\n actions[EditBlockControls.Copy] = () =>\n dispatch({type: COPY_BLOCK, payload: index});\n\n if (index > orderedBlocksStartIndex) {\n actions[EditBlockControls.Up] = () =>\n dispatch({\n type: ORDER_BLOCK,\n payload: {oldIndex: index, newIndex: index - 1},\n });\n }\n\n if (index < content.blocks.length - 1) {\n actions[EditBlockControls.Down] = () =>\n dispatch({\n type: ORDER_BLOCK,\n payload: {oldIndex: index, newIndex: index + 1},\n });\n }\n }\n\n return {\n children,\n isHeader,\n isActive,\n actions,\n onSelect: () => onSelect(index),\n ...rest,\n } as EditBlockProps;\n };\n\n return {\n activeBlockIndex,\n content,\n errorBoundaryState,\n injectEditBlockProps,\n onAdd,\n onSelect,\n onContentUpdate,\n };\n }, [content, activeBlockIndex, errorBoundaryState, custom]);\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/main/index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../../components/constants';\nimport {Block, BlockWrapperDataProps, HeaderBlockTypes, PageContent} from '../../../models';\nimport {getCustomTypes, getHeaderBlock} from '../../../utils';\nimport {EditBlockActions, EditBlockControls} from '../../components/EditBlock/EditBlock';\nimport {EditBlockProps, EditorProps, ViewModeItem} from '../../types';\n\nimport {\n ADD_BLOCK,\n COPY_BLOCK,\n DELETE_BLOCK,\n ORDER_BLOCK,\n SELECT_BLOCK,\n UPDATE_CONTENT,\n reducer,\n} from './reducer';\nimport {addEditorProps} from './utils';\n\nexport type EditorBlockId = number \| string;\n\nexport function useMainState({content: intialContent, custom}: Omit<EditorProps, 'children'>) {\n const [{activeBlockIndex, content, errorBoundaryState}, dispatch] = React.useReducer(reducer, {\n activeBlockIndex: 0,\n errorBoundaryState: 0,\n content: addEditorProps(intialContent),\n viewMode: ViewModeItem.Desktop,\n theme: DEFAULT_THEME,\n });\n\n return React.useMemo(() => {\n const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];\n const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));\n const checkIsHeader = (type: string) => headerBlockTypes.includes(type);\n\n const onAdd = (block: Block) => {\n const isHeader = checkIsHeader(block.type);\n\n if (contentHasHeader && isHeader) {\n //TODO: add warning that it should be only one header block\n return;\n }\n\n // eslint-disable-next-line no-nested-ternary\n const index = isHeader\n ? 0\n : activeBlockIndex === -1\n ? content.blocks.length\n : activeBlockIndex + 1;\n\n dispatch({type: ADD_BLOCK, payload: {block, index}});\n };\n const onSelect = (index: number) => dispatch({type: SELECT_BLOCK, payload: index});\n const onContentUpdate = (newContent: PageContent) =>\n dispatch({type: UPDATE_CONTENT, payload: newContent});\n const injectEditBlockProps = ({\n type,\n index: relativeIndex = 0,\n children,\n ...rest\n }: BlockWrapperDataProps & React.PropsWithChildren) => {\n const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;\n const isHeader = checkIsHeader(type);\n const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;\n const isActive = activeBlockIndex === index;\n const actions: EditBlockActions = {\n [EditBlockControls.Delete]: () => dispatch({type: DELETE_BLOCK, payload: index}),\n };\n\n if (!isHeader) {\n actions[EditBlockControls.Copy] = () =>\n dispatch({type: COPY_BLOCK, payload: index});\n\n if (index > orderedBlocksStartIndex) {\n actions[EditBlockControls.Up] = () =>\n dispatch({\n type: ORDER_BLOCK,\n payload: {oldIndex: index, newIndex: index - 1},\n });\n }\n\n if (index < content.blocks.length - 1) {\n actions[EditBlockControls.Down] = () =>\n dispatch({\n type: ORDER_BLOCK,\n payload: {oldIndex: index, newIndex: index + 1},\n });\n }\n }\n\n return {\n children,\n isHeader,\n isActive,\n actions,\n onSelect: () => onSelect(index),\n ...rest,\n } as EditBlockProps;\n };\n\n return {\n activeBlockIndex,\n content,\n errorBoundaryState,\n injectEditBlockProps,\n onAdd,\n onSelect,\n onContentUpdate,\n };\n }, [content, activeBlockIndex, errorBoundaryState, custom]);\n}\n"]}

package/build/cjs/editor/store/main/utils.d.ts CHANGED Viewed

@@ -7,7 +7,5 @@ export declare const addBlock: (array: ConstructorBlock[], block: ConstructorBlo
 export declare const addEditorProps: (content: PageContent) => {
     animated: boolean;
     blocks: ConstructorBlock[];
-    menu?: import("../../../models/index.js").Menu;
-    background?: import("../../../models/index.js").ThemedMediaProps;
 };
 export declare const getErrorBoundaryState: (prevState: number) => number;

package/build/cjs/editor/types/index.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { PageConstructorProps, PageConstructorProviderProps } from "../../containers/PageConstructor/index.js";
-import { BlockDecorationProps, PageContent } from "../../models/index.js";
+import { SchemaCustomConfig } from "../../gravity-blocks/schema/index.js";
+import { BlockWrapperDataProps, PageContent } from "../../models/index.js";
 import { Theme } from "../../models/common.js";
-import { SchemaCustomConfig } from "../../schema/index.js";
 import { EditBlockActions } from "../components/EditBlock/EditBlock.js";
 export type EditorBlockId = number | string;
 interface ContentTransformersOptions {
@@ -26,7 +27,7 @@ export interface EditBlockEditorProps {
     onSelect: () => void;
     actions: EditBlockActions;
 }
-export interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {
+export interface EditBlockProps extends EditBlockEditorProps, BlockWrapperDataProps, React.PropsWithChildren {
     isHeader?: boolean;
 }
 export declare enum ViewModeItem {

package/build/cjs/editor/types/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":";;;~~AA4CA~~,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB","sourcesContent":["import {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {~~BlockDecorationProps, PageContent~~} from '../../~~models~~';\nimport {~~Theme~~} from '../../models~~/common~~';\nimport {~~SchemaCustomConfig~~} from '../../~~schema~~';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number \| string;\n\ninterface ContentTransformersOptions {\n viewMode?: ViewModeItem;\n editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n content: PageContent,\n options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n customStyles?: string;\n applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n extends Required<Pick<PageConstructorProps, 'content'>>,\n Partial<Omit<PageConstructorProps, 'content'>> {\n providerProps?: PageConstructorProviderProps;\n onChange?: (data: PageContent) => void;\n transformContent?: ContentTransformer;\n customSchema?: SchemaCustomConfig;\n deviceEmulationSettings?: DeviceEmulationSettings;\n theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n isActive?: boolean;\n onSelect: () => void;\n actions: EditBlockActions;\n}\n\nexport interface EditBlockProps extends EditBlockEditorProps, ~~BlockDecorationProps~~ {\n isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n Desktop = 'desktop',\n Tablet = 'tablet',\n Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n View = 'view',\n Form = 'form',\n Code = 'code',\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":";;;AAiDA,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB","sourcesContent":["import * as React from 'react';\n\nimport {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {SchemaCustomConfig} from '../../gravity-blocks/schema';\nimport {BlockWrapperDataProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number \| string;\n\ninterface ContentTransformersOptions {\n viewMode?: ViewModeItem;\n editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n content: PageContent,\n options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n customStyles?: string;\n applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n extends Required<Pick<PageConstructorProps, 'content'>>,\n Partial<Omit<PageConstructorProps, 'content'>> {\n providerProps?: PageConstructorProviderProps;\n onChange?: (data: PageContent) => void;\n transformContent?: ContentTransformer;\n customSchema?: SchemaCustomConfig;\n deviceEmulationSettings?: DeviceEmulationSettings;\n theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n isActive?: boolean;\n onSelect: () => void;\n actions: EditBlockActions;\n}\n\nexport interface EditBlockProps\n extends EditBlockEditorProps,\n BlockWrapperDataProps,\n React.PropsWithChildren {\n isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n Desktop = 'desktop',\n Tablet = 'tablet',\n Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n View = 'view',\n Form = 'form',\n Code = 'code',\n}\n"]}

package/build/cjs/editor/utils/code.d.ts CHANGED Viewed

@@ -1,6 +1,4 @@
 export declare function parseCode(code: string): {
     blocks: import("../../models/index.js").ConstructorBlock[];
-    menu?: import("../../models/index.js").Menu;
-    background?: import("../../models/index.js").ThemedMediaProps;
     animated?: boolean;
 };

package/build/cjs/editor/utils/index.d.ts CHANGED Viewed

@@ -1,15 +1,5 @@
-import { BlockDecorationProps, BlockDecorator, CustomConfig } from "../../models/index.js";
+import { BlockWrapperDataProps } from "../../models/index.js";
 import { ViewModeItem } from "../types/index.js";
 export declare const formatBlockName: (name: string) => string;
-export declare const addCustomDecorator: (decorators: BlockDecorator[], custom?: CustomConfig) => {
-    decorators: {
-        block: ((props: BlockDecorationProps) => React.ReactElement)[];
-    };
-    blocks?: import("../../models/index.js").CustomItems;
-    subBlocks?: import("../../models/index.js").CustomItems;
-    headers?: import("../../models/index.js").CustomItems;
-    navigation?: import("../../models/index.js").CustomItems;
-    loadable?: import("../../models/index.js").LoadableConfig;
-};
-export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;
+export declare const getBlockId: ({ index, type }: BlockWrapperDataProps) => string;
 export declare const checkIsMobile: (viewMode: ViewModeItem) => boolean;

package/build/cjs/editor/utils/index.js CHANGED Viewed

@@ -1,22 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkIsMobile = exports.getBlockId = exports.addCustomDecorator = exports.formatBlockName = void 0;
+exports.checkIsMobile = exports.getBlockId = exports.formatBlockName = void 0;
 const tslib_1 = require("tslib");
 const capitalize_1 = tslib_1.__importDefault(require("lodash/capitalize.js"));
 const types_1 = require("../types/index.js");
 const formatBlockName = (name) => (0, capitalize_1.default)(name).replace(/(block|-)/g, ' ');
 exports.formatBlockName = formatBlockName;
-const addCustomDecorator = (decorators, custom = {}) => {
-    const customDecorators = custom.decorators || {};
-    return {
-        ...custom,
-        decorators: {
-            ...customDecorators,
-            block: [...(customDecorators.block || []), ...decorators],
-        },
-    };
-};
-exports.addCustomDecorator = addCustomDecorator;
 const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
 exports.getBlockId = getBlockId;
 const checkIsMobile = (viewMode) => [types_1.ViewModeItem.Mobile, types_1.ViewModeItem.Tablet].includes(viewMode);

package/build/cjs/editor/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA2C;AAG3C,6CAAsC;AAE/B,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAAhF,QAAA,eAAe,mBAAiE;AAEtF,MAAM,~~kBAAkB,GAAG,CAAC,UAA4B,EAAE,SAAS,EAAkB,EAAE,EAAE;IAC5F,MAAM,gBAAgB,GAAG,MAAM,CAAC,~~UAAU,~~IAAI,EAAE,CAAC;IAEjD,OAAO;QACH,~~GAAG,~~MAAM;QACT,UAAU,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,~~CAAC,~~GAAG,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;SAC5D;KACJ,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,MAAM,UAAU,GAAG,CAAC,~~EAAC,KAAK,EAAE,IAAI,~~EAAuB~~,EAAE,EAAE,~~CAC9D~~,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAD1C,QAAA,UAAU,cACgC;AAEhD,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AADrD,QAAA,aAAa,iBACwC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {~~BlockDecorationProps, BlockDecorator, CustomConfig~~} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block\|-)/g, ' ');\n\nexport const addCustomDecorator = (decorators: BlockDecorator[], custom = {} as CustomConfig) => {\n const customDecorators = custom.decorators \|\| {};\n\n return {\n ...custom,\n decorators: {\n ...customDecorators,\n block: [...(customDecorators.block \|\| []), ...decorators],\n },\n };\n};\n\nexport const getBlockId = ({index, type}: ~~BlockDecorationProps~~) =>\n `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":";;;;AAAA,8EAA2C;AAG3C,6CAAsC;AAE/B,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAAhF,QAAA,eAAe,mBAAiE;AAEtF,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAwB,EAAE,EAAE,CAC/D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAD1C,QAAA,UAAU,cACgC;AAEhD,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,oBAAY,CAAC,MAAM,EAAE,oBAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AADrD,QAAA,aAAa,iBACwC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockWrapperDataProps} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block\|-)/g, ' ');\n\nexport const getBlockId = ({index, type}: BlockWrapperDataProps) =>\n `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}

package/build/cjs/editor-v2/components/BlockCard/BlockCard.css ADDED Viewed

@@ -0,0 +1,34 @@
+.pceditor-block-card {
+  padding: 8px;
+  cursor: grab;
+  user-select: none;
+  margin-bottom: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  gap: 4px;
+  max-width: 300px;
+}
+.pceditor-block-card:active {
+  background-color: var(--g-color-base-generic-hover);
+  cursor: grabbing;
+}
+.pceditor-block-card__image-img {
+  pointer-events: none;
+  height: 45px;
+  object-fit: contain;
+  object-position: center;
+}
+.pceditor-block-card__name {
+  justify-self: flex-end;
+  color: var(--g-color-text-secondary);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+}
+.pceditor-block-card__icon {
+  color: var(--g-color-text-complementary);
+}

package/build/cjs/editor-v2/components/BlockCard/BlockCard.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export interface BlockCardProps {
+    className?: string;
+    type: string;
+    name: string;
+    previewImg?: string;
+    onMouseDown: (type: string) => void;
+}
+declare const BlockCard: ({ className, type, name, previewImg, onMouseDown }: BlockCardProps) => import("react/jsx-runtime").JSX.Element;
+export default BlockCard;

package/build/cjs/editor-v2/components/BlockCard/BlockCard.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('block-card');
+const BlockCard = ({ className, type, name, previewImg, onMouseDown }) => {
+    const handleMouseDown = React.useCallback(() => {
+        onMouseDown(type);
+    }, [onMouseDown, type]);
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Card, { className: b(null, className), onMouseDown: handleMouseDown, children: [(0, jsx_runtime_1.jsx)("div", { className: b('image'), children: previewImg ? ((0, jsx_runtime_1.jsx)("img", { className: b('image-img'), src: previewImg, alt: "" })) : ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), size: 45, data: icons_1.SquareBars })) }), (0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name })] }));
+};
+exports.default = BlockCard;
+//# sourceMappingURL=BlockCard.js.map

package/build/cjs/editor-v2/components/BlockCard/BlockCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BlockCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/BlockCard/BlockCard.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA6C;AAC7C,6CAA6C;AAE7C,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAUjC,MAAM,SAAS,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAiB,EAAE,EAAE;IACnF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,wBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,WAAW,EAAE,eAAe,aAC7D,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,UAAU,CAAC,CAAC,CAAC,CACV,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,GAAG,CAC7D,CAAC,CAAC,CAAC,CACA,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAU,GAAI,CAC7D,GACC,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,IACpC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SquareBars} from '@gravity-ui/icons';\nimport {Card, Icon} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockCard.scss';\n\nconst b = editorCn('block-card');\n\nexport interface BlockCardProps {\n className?: string;\n type: string;\n name: string;\n previewImg?: string;\n onMouseDown: (type: string) => void;\n}\n\nconst BlockCard = ({className, type, name, previewImg, onMouseDown}: BlockCardProps) => {\n const handleMouseDown = React.useCallback(() => {\n onMouseDown(type);\n }, [onMouseDown, type]);\n\n return (\n <Card className={b(null, className)} onMouseDown={handleMouseDown}>\n <div className={b('image')}>\n {previewImg ? (\n <img className={b('image-img')} src={previewImg} alt=\"\" />\n ) : (\n <Icon className={b('icon')} size={45} data={SquareBars} />\n )}\n </div>\n <div className={b('name')}>{name}</div>\n </Card>\n );\n};\n\nexport default BlockCard;\n"]}

package/build/cjs/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/cjs/editor-v2/components/MessageCard/MessageCard.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IconData } from '@gravity-ui/uikit';
+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/cjs/editor-v2/components/MessageCard/MessageCard.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('message-card');
+const DEFAULT_ICONS = {
+    success: icons_1.Check,
+    error: icons_1.Xmark,
+    warning: icons_1.TriangleExclamation,
+    info: icons_1.CircleInfo,
+};
+const MessageCard = ({ title, description, theme, icon }) => {
+    const IconComponent = icon || DEFAULT_ICONS[theme];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ theme }), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: IconComponent, size: 20 }), (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-1", className: b('title'), children: title }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-1", color: "secondary", className: b('description'), children: description })] })] }));
+};
+exports.MessageCard = MessageCard;
+//# sourceMappingURL=MessageCard.js.map

package/build/cjs/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":";;;;AAEA,6CAAgF;AAChF,6CAAuD;AAEvD,0CAAwC;AAExC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,aAAa,GAAmC;IAClD,OAAO,EAAE,aAAK;IACd,KAAK,EAAE,aAAK;IACZ,OAAO,EAAE,2BAAmB;IAC5B,IAAI,EAAE,kBAAU;CACnB,CAAC;AASK,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,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,aACtB,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,GAAI,EAC7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,YAAI,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC5C,KAAK,GACH,EACP,uBAAC,YAAI,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;AAhBW,QAAA,WAAW,eAgBtB","sourcesContent":["import * as React from 'react';\n\nimport {Check, CircleInfo, TriangleExclamation, Xmark} from '@gravity-ui/icons';\nimport {Icon, IconData, Text} from '@gravity-ui/uikit';\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/cjs/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/cjs/editor-v2/components/MessageCard/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageCard = void 0;
+var MessageCard_1 = require("./MessageCard.js");
+Object.defineProperty(exports, "MessageCard", { enumerable: true, get: function () { return MessageCard_1.MessageCard; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/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,gDAA0C;AAAlC,0GAAA,WAAW,OAAA","sourcesContent":["export {MessageCard} from './MessageCard';\nexport type {MessageCardProps, MessageTheme} from './MessageCard';\n"]}

package/build/cjs/editor-v2/components/Panels/Panels.css ADDED Viewed

@@ -0,0 +1,24 @@
+.pceditor-panels__button-wrap {
+  --pceditor-panels-button-gap: 8px;
+  position: absolute;
+  z-index: 1000;
+}
+.pceditor-panels__button-wrap_left {
+  top: var(--pceditor-panels-button-gap);
+  left: calc(100% + var(--pceditor-panels-button-gap));
+}
+.pceditor-panels__button-wrap_right {
+  top: var(--pceditor-panels-button-gap);
+  right: calc(100% + var(--pceditor-panels-button-gap));
+}
+.pceditor-panels__draggable {
+  position: relative;
+  width: 8px;
+  height: 100%;
+  cursor: col-resize;
+  background-color: var(--g-color-line-generic);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--g-color-base-background);
+}

package/build/cjs/editor-v2/components/Panels/Panels.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface PanelsProps {
+    left: React.ReactElement;
+    middle: React.ReactElement;
+    right: React.ReactElement;
+}
+export declare const Panels: ({ left, right, middle }: PanelsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/cjs/editor-v2/components/Panels/Panels.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panels = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const react_resizable_panels_1 = require("react-resizable-panels");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('panels');
+const Panels = ({ left, right, middle }) => {
+    const leftPanel = React.useRef(null);
+    const rightPanel = React.useRef(null);
+    const expandPanel = (reference) => {
+        const panel = reference.current;
+        if (panel) {
+            panel.expand();
+        }
+    };
+    const isCollapsed = {
+        left: leftPanel.current?.isCollapsed() || false,
+        right: rightPanel.current?.isCollapsed() || false,
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal", children: [(0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: leftPanel, collapsible: true, defaultSize: 25, minSize: 15, children: left }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.left && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { left: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(leftPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.LayoutSideContentLeft }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { minSize: 20, children: middle }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.right && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { right: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(rightPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.LayoutSideContentRight }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: rightPanel, collapsible: true, minSize: 15, defaultSize: 25, children: right })] }));
+};
+exports.Panels = Panels;
+//# sourceMappingURL=Panels.js.map

package/build/cjs/editor-v2/components/Panels/Panels.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Panels.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Panels/Panels.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAsF;AACtF,6CAA+C;AAC/C,mEAAmG;AAEnG,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;AAQtB,MAAM,MAAM,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAc,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,CAAC,SAAiD,EAAE,EAAE;QACtE,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAChC,IAAI,KAAK,EAAE,CAAC;YACR,KAAK,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;QAC/C,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;KACpD,CAAC;IAEF,OAAO,CACH,wBAAC,mCAAU,IACP,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,UAAU,EAAC,yBAAyB,EACpC,SAAS,EAAC,YAAY,aAEtB,uBAAC,8BAAK,IAAC,GAAG,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAC1D,IAAI,GACD,EACR,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,IAAI,IAAI,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,YAC1C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,YAErC,uBAAC,YAAI,IAAC,IAAI,EAAE,6BAAqB,GAAI,GAChC,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,OAAO,EAAE,EAAE,YAAG,MAAM,GAAS,EACpC,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,KAAK,IAAI,CAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAC3C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,YAEtC,uBAAC,YAAI,IAAC,IAAI,EAAE,8BAAsB,GAAI,GACjC,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,GAAG,EAAE,UAAU,EAAE,WAAW,QAAC,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,YAC3D,KAAK,GACF,IACC,CAChB,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,MAAM,UA2DjB","sourcesContent":["import * as React from 'react';\n\nimport {Grip, LayoutSideContentLeft, LayoutSideContentRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport {ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle} from 'react-resizable-panels';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Panels.scss';\n\nconst b = editorCn('panels');\n\ninterface PanelsProps {\n left: React.ReactElement;\n middle: React.ReactElement;\n right: React.ReactElement;\n}\n\nexport const Panels = ({left, right, middle}: PanelsProps) => {\n const leftPanel = React.useRef<ImperativePanelHandle>(null);\n const rightPanel = React.useRef<ImperativePanelHandle>(null);\n\n const expandPanel = (reference: React.RefObject<ImperativePanelHandle>) => {\n const panel = reference.current;\n if (panel) {\n panel.expand();\n }\n };\n\n const isCollapsed = {\n left: leftPanel.current?.isCollapsed() || false,\n right: rightPanel.current?.isCollapsed() || false,\n };\n\n return (\n <PanelGroup\n className={b('panel')}\n autoSaveId=\"page-constructor-editor\"\n direction=\"horizontal\"\n >\n <Panel ref={leftPanel} collapsible defaultSize={25} minSize={15}>\n {left}\n </Panel>\n <PanelResizeHandle className={b('draggable')}>\n <Grip className={b('grip')} />\n {isCollapsed.left && (\n <div className={b('button-wrap', {left: true})}>\n <Button\n className={b('button')}\n view=\"action\"\n onClick={() => expandPanel(leftPanel)}\n >\n <Icon data={LayoutSideContentLeft} />\n </Button>\n </div>\n )}\n </PanelResizeHandle>\n <Panel minSize={20}>{middle}</Panel>\n <PanelResizeHandle className={b('draggable')}>\n <Grip className={b('grip')} />\n {isCollapsed.right && (\n <div className={b('button-wrap', {right: true})}>\n <Button\n className={b('button')}\n view=\"action\"\n onClick={() => expandPanel(rightPanel)}\n >\n <Icon data={LayoutSideContentRight} />\n </Button>\n </div>\n )}\n </PanelResizeHandle>\n <Panel ref={rightPanel} collapsible minSize={15} defaultSize={25}>\n {right}\n </Panel>\n </PanelGroup>\n );\n};\n"]}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.css ADDED Viewed

@@ -0,0 +1,48 @@
+.pceditor-sidebar {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+}
+.pceditor-sidebar__block {
+  width: 100%;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pceditor-sidebar__tabs {
+  scrollbar-width: thin;
+  scrollbar-color: var(--g-color-scroll-handle) transparent;
+  overflow: auto;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb {
+  background: var(--g-color-scroll-handle);
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  opacity: 0;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:hover {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:active {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.pceditor-sidebar__tabs:hover::-webkit-scrollbar-thumb {
+  opacity: 0.7;
+}
+.pceditor-sidebar__tabs:not(:hover)::-webkit-scrollbar-thumb {
+  opacity: 0;
+  transition: opacity 0.5s ease-out;
+}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TabItemProps } from "../Tabs/Tabs.js";
+interface SidebarProps {
+    tabs: TabItemProps[];
+    defaultTab?: string;
+    top?: React.ElementType[];
+    className?: string;
+}
+export declare const Sidebar: ({ className, tabs, top }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};