@gravity-ui/page-constructor 6.3.2-alpha.2 → 6.4.0

package/build/esm/blocks/TestEditorBlock/form.js

@@ -1,89 +0,0 @@
-const textInput = {
-    type: 'text',
-    name: 'text',
-    title: 'Text Input',
-};
-const textAreaInput = {
-    type: 'textarea',
-    name: 'textarea',
-    title: 'TextArea Input',
-};
-const booleanInput = {
-    type: 'boolean',
-    name: 'boolean',
-    title: 'Boolean Input',
-};
-const numberInput = {
-    type: 'number',
-    name: 'number',
-    title: 'Number Input',
-};
-const selectInput = {
-    type: 'select',
-    name: 'selectSingle',
-    title: 'Select Single Input',
-    mode: 'single',
-    view: 'select',
-    enum: [
-        { value: 'id_1', content: 'Option 1' },
-        { value: 'id_2', content: 'Option 2' },
-    ],
-};
-const radioButtonsViewSingleInput = {
-    ...selectInput,
-    name: 'radioButtons',
-    title: 'Radio Button Input',
-    view: 'radiobutton',
-};
-// @ts-ignore
-const selectMultipleModeInput = {
-    ...selectInput,
-    name: 'selectMultiple',
-    title: 'Select Multiple Input',
-    mode: 'multiple',
-};
-const objectInput = {
-    type: 'object',
-    name: 'object',
-    title: 'Object Input',
-    properties: [textInput, textAreaInput, selectInput],
-};
-const arrayTextInput = {
-    type: 'array',
-    name: 'arrayText',
-    title: 'Array Text Input',
-    buttonText: 'Add Array Item',
-    arrayType: 'text',
-};
-const arrayObjectInput = {
-    type: 'array',
-    name: 'arrayObject',
-    title: 'Array Object Input',
-    buttonText: 'Add Array Item',
-    arrayType: 'object',
-    properties: [textInput, textAreaInput, selectInput],
-};
-const oneOfInput = {
-    type: 'oneOf',
-    name: 'oneOf',
-    key: 'oneOfKey',
-    title: 'Array Text Input',
-    options: [
-        { value: 'text', title: 'Text', properties: [textInput] },
-        { value: 'textarea', title: 'TextArea', properties: [textAreaInput] },
-    ],
-};
-export default [
-    textInput,
-    textAreaInput,
-    booleanInput,
-    numberInput,
-    selectInput,
-    radioButtonsViewSingleInput,
-    selectMultipleModeInput,
-    objectInput,
-    arrayTextInput,
-    arrayObjectInput,
-    oneOfInput,
-];
-//# sourceMappingURL=form.js.map

package/build/esm/blocks/TestEditorBlock/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/form.ts"],"names":[],"mappings":"AAaA,MAAM,SAAS,GAAc;IACzB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACjC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAiB;IAC/B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,WAAW,GAAsB;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACF,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;QACpC,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;KACvC;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAsB;IACnD,GAAG,WAAW;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,oBAAoB;IAE3B,IAAI,EAAE,aAAa;CACtB,CAAC;AAEF,aAAa;AACb,MAAM,uBAAuB,GAAwB;IACjD,GAAG,WAAW;IACd,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,uBAAuB;IAE9B,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,cAAc,GAAmB;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,gBAAgB,GAAqB;IACvC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,UAAU,GAAe;IAC3B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE;QACL,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,EAAC;QACvD,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAAa,CAAC,EAAC;KACtE;CACJ,CAAC;AAEF,eAAe;IACX,SAAS;IACT,aAAa;IACb,YAAY;IACZ,WAAW;IACX,WAAW;IACX,2BAA2B;IAC3B,uBAAuB;IACvB,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,UAAU;CACb,CAAC","sourcesContent":["import {\n    ArrayObjectInput,\n    ArrayTextInput,\n    BooleanInput,\n    NumberInput,\n    ObjectInput,\n    OneOfInput,\n    SelectMultipleInput,\n    SelectSingleInput,\n    TextAreaInput,\n    TextInput,\n} from '../../../common/types';\n\nconst textInput: TextInput = {\n    type: 'text',\n    name: 'text',\n    title: 'Text Input',\n};\n\nconst textAreaInput: TextAreaInput = {\n    type: 'textarea',\n    name: 'textarea',\n    title: 'TextArea Input',\n};\n\nconst booleanInput: BooleanInput = {\n    type: 'boolean',\n    name: 'boolean',\n    title: 'Boolean Input',\n};\n\nconst numberInput: NumberInput = {\n    type: 'number',\n    name: 'number',\n    title: 'Number Input',\n};\n\nconst selectInput: SelectSingleInput = {\n    type: 'select',\n    name: 'selectSingle',\n    title: 'Select Single Input',\n    mode: 'single',\n    view: 'select',\n    enum: [\n        {value: 'id_1', content: 'Option 1'},\n        {value: 'id_2', content: 'Option 2'},\n    ],\n};\n\nconst radioButtonsViewSingleInput: SelectSingleInput = {\n    ...selectInput,\n    name: 'radioButtons',\n    title: 'Radio Button Input',\n\n    view: 'radiobutton',\n};\n\n// @ts-ignore\nconst selectMultipleModeInput: SelectMultipleInput = {\n    ...selectInput,\n    name: 'selectMultiple',\n    title: 'Select Multiple Input',\n\n    mode: 'multiple',\n};\n\nconst objectInput: ObjectInput = {\n    type: 'object',\n    name: 'object',\n    title: 'Object Input',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst arrayTextInput: ArrayTextInput = {\n    type: 'array',\n    name: 'arrayText',\n    title: 'Array Text Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'text',\n};\n\nconst arrayObjectInput: ArrayObjectInput = {\n    type: 'array',\n    name: 'arrayObject',\n    title: 'Array Object Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'object',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst oneOfInput: OneOfInput = {\n    type: 'oneOf',\n    name: 'oneOf',\n    key: 'oneOfKey',\n    title: 'Array Text Input',\n    options: [\n        {value: 'text', title: 'Text', properties: [textInput]},\n        {value: 'textarea', title: 'TextArea', properties: [textAreaInput]},\n    ],\n};\n\nexport default [\n    textInput,\n    textAreaInput,\n    booleanInput,\n    numberInput,\n    selectInput,\n    radioButtonsViewSingleInput,\n    selectMultipleModeInput,\n    objectInput,\n    arrayTextInput,\n    arrayObjectInput,\n    oneOfInput,\n];\n"]}

package/build/esm/blocks/TestEditorBlock/index.d.ts

@@ -1,11 +0,0 @@
-declare const TestEditorBlockConfig: {
-    component: (props: import("./TestEditorBlock.js").TestEditorBlockProps) => import("react/jsx-runtime").JSX.Element;
-    schema: {
-        name: string;
-        inputs: (import("../../editor-v2/index.js").TextInput | import("../../editor-v2/index.js").BooleanInput | import("../../editor-v2/index.js").NumberInput | import("../../editor-v2/index.js").TextAreaInput | import("../../editor-v2/index.js").SelectSingleInput | import("../../editor-v2/index.js").SelectMultipleInput | import("../../editor-v2/index.js").ObjectInput | import("../../editor-v2/index.js").ArrayTextInput | import("../../editor-v2/index.js").ArrayObjectInput | import("../../editor-v2/index.js").OneOfInput)[];
-    };
-};
-export declare const TestEditorBlockSchema: {
-    "test-editor-block": {};
-};
-export default TestEditorBlockConfig;

package/build/esm/blocks/TestEditorBlock/index.js

@@ -1,14 +0,0 @@
-import TestEditorBlock from "./TestEditorBlock.js";
-import testEditorBlockInputs from "./form.js";
-const TestEditorBlockConfig = {
-    component: TestEditorBlock,
-    schema: {
-        name: 'Test Editor Block',
-        inputs: testEditorBlockInputs,
-    },
-};
-export const TestEditorBlockSchema = {
-    ['test-editor-block']: {},
-};
-export default TestEditorBlockConfig;
-//# sourceMappingURL=index.js.map

package/build/esm/blocks/TestEditorBlock/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,6BAA0B;AAChD,OAAO,qBAAqB,kBAAe;AAE3C,MAAM,qBAAqB,GAAG;IAC1B,SAAS,EAAE,eAAe;IAC1B,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,qBAAqB;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,CAAC,mBAAmB,CAAC,EAAE,EAAE;CAC5B,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import TestEditorBlock from './TestEditorBlock';\nimport testEditorBlockInputs from './form';\n\nconst TestEditorBlockConfig = {\n    component: TestEditorBlock,\n    schema: {\n        name: 'Test Editor Block',\n        inputs: testEditorBlockInputs,\n    },\n};\n\nexport const TestEditorBlockSchema = {\n    ['test-editor-block']: {},\n};\n\nexport default TestEditorBlockConfig;\n"]}

package/build/esm/components/Image/dynamic-form.d.ts

@@ -1,2 +0,0 @@
-import { ConfigInput } from "../../../common/types/index.js";
-export declare const imageInputs: ConfigInput[];

package/build/esm/components/Image/dynamic-form.js

@@ -1,81 +0,0 @@
-import _ from 'lodash';
-const devices = ['desktop', 'tablet', 'mobile'];
-const imageBaseInputs = [
-    {
-        type: 'text',
-        name: 'alt',
-        title: 'Alternative',
-    },
-    {
-        type: 'boolean',
-        name: 'disableCompress',
-        title: 'Disable Compress',
-    },
-];
-const imageStyleInputs = [
-    {
-        type: 'text',
-        name: 'style.backgroundColor',
-        title: 'Background Color',
-    },
-    {
-        type: 'text',
-        name: 'style.height',
-        title: 'Height',
-    },
-    {
-        type: 'text',
-        name: 'style.width',
-        title: 'Width',
-    },
-    {
-        type: 'text',
-        name: 'style.color',
-        title: 'Color',
-    },
-];
-const devicesInputs = devices.map((device) => ({
-    type: 'text',
-    title: _.capitalize(device),
-    name: `${device}`,
-}));
-export const imageInputs = [
-    {
-        type: 'oneOf',
-        name: '',
-        key: 'imageType',
-        title: 'Image Type',
-        options: [
-            {
-                title: 'Simple',
-                value: 'simple',
-                properties: [
-                    {
-                        type: 'text',
-                        name: '', // image props
-                        title: 'Image URL',
-                    },
-                ],
-            },
-            {
-                title: 'Complex',
-                value: 'complex',
-                properties: [
-                    {
-                        type: 'text',
-                        name: 'src',
-                        title: 'Source',
-                    },
-                    ...imageStyleInputs,
-                    ...imageBaseInputs,
-                ],
-            },
-            {
-                title: 'Device Based',
-                value: 'deviseBased',
-                properties: [...devicesInputs, ...imageBaseInputs],
-            },
-        ],
-    },
-];
-//# sourceMappingURL=dynamic-form.js.map

package/build/esm/components/Image/dynamic-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'alt',\n        title: 'Alternative',\n    },\n    {\n        type: 'boolean',\n        name: 'disableCompress',\n        title: 'Disable Compress',\n    },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'style.backgroundColor',\n        title: 'Background Color',\n    },\n    {\n        type: 'text',\n        name: 'style.height',\n        title: 'Height',\n    },\n    {\n        type: 'text',\n        name: 'style.width',\n        title: 'Width',\n    },\n    {\n        type: 'text',\n        name: 'style.color',\n        title: 'Color',\n    },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n    type: 'text',\n    title: _.capitalize(device),\n    name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n    {\n        type: 'oneOf',\n        name: '',\n        key: 'imageType',\n        title: 'Image Type',\n        options: [\n            {\n                title: 'Simple',\n                value: 'simple',\n                properties: [\n                    {\n                        type: 'text',\n                        name: '', // image props\n                        title: 'Image URL',\n                    },\n                ],\n            },\n            {\n                title: 'Complex',\n                value: 'complex',\n                properties: [\n                    {\n                        type: 'text',\n                        name: 'src',\n                        title: 'Source',\n                    },\n                    ...imageStyleInputs,\n                    ...imageBaseInputs,\n                ],\n            },\n            {\n                title: 'Device Based',\n                value: 'deviseBased',\n                properties: [...devicesInputs, ...imageBaseInputs],\n            },\n        ],\n    },\n];\n"]}

package/build/esm/components/editor/ItemWrap/ItemWrap.css

@@ -1,9 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-item-wrap {
-  height: 100%;
-}
-
-.pc-page-constructor_with-editor .pc-item-wrap {
-  cursor: pointer;
-}

package/build/esm/components/editor/ItemWrap/ItemWrap.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import './ItemWrap.css';
-export interface ItemWrapProps extends React.PropsWithChildren {
-    index: number;
-}
-declare const ItemWrap: ({ index, children }: ItemWrapProps) => import("react/jsx-runtime").JSX.Element;
-export default ItemWrap;

package/build/esm/components/editor/ItemWrap/ItemWrap.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { usePCEditorItemWrap } from "../../../hooks/usePCEditorItemWrap.js";
-import { block } from "../../../utils/index.js";
-import './ItemWrap.css';
-const b = block('item-wrap');
-const ItemWrap = ({ index, children }) => {
-    const { blockRef, adminBlockMouseEvents } = usePCEditorItemWrap(index);
-    return (_jsx("div", { ref: blockRef, className: b(), ...adminBlockMouseEvents, children: children }));
-};
-export default ItemWrap;
-//# sourceMappingURL=ItemWrap.js.map

package/build/esm/components/editor/ItemWrap/ItemWrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrap.js","sourceRoot":"../../../../../src","sources":["components/editor/ItemWrap/ItemWrap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAAC,8CAA2C;AACvE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAgB,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,qBAAqB,EAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrE,OAAO,CACH,cAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,KAAM,qBAAqB,YACxD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePCEditorItemWrap} from '../../../hooks/usePCEditorItemWrap';\nimport {block} from '../../../utils';\n\nimport './ItemWrap.scss';\n\nconst b = block('item-wrap');\n\nexport interface ItemWrapProps extends React.PropsWithChildren {\n    index: number;\n}\n\nconst ItemWrap = ({index, children}: ItemWrapProps) => {\n    const {blockRef, adminBlockMouseEvents} = usePCEditorItemWrap(index);\n    return (\n        <div ref={blockRef} className={b()} {...adminBlockMouseEvents}>\n            {children}\n        </div>\n    );\n};\n\nexport default ItemWrap;\n"]}

package/build/esm/context/editorStoreContext/PCEditorStoreContext.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { StoreApi } from 'zustand';
-import { EditorState } from "../../../common/store.js";
-export interface PCEditorStoreContextProps {
-    state: StoreApi<EditorState>;
-}
-export declare const PCEditorStoreContext: React.Context<PCEditorStoreContextProps>;

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { createPCEditorStore } from "../../../common/store.js";
-export const PCEditorStoreContext = React.createContext({
-    state: createPCEditorStore(),
-});
-//# sourceMappingURL=PCEditorStoreContext.js.map

package/build/esm/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,iCAA8B;AAMvE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,mBAAmB,EAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-interface PCEditorStoreProviderProps extends React.PropsWithChildren {
-}
-export declare const PCEditorStoreProvider: ({ children }: PCEditorStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { createPCEditorStore } from "../../../common/store.js";
-import { PCEditorStoreContext } from "./PCEditorStoreContext.js";
-export const PCEditorStoreProvider = ({ children }) => {
-    const storeRef = React.useRef();
-    const syncStore = React.useCallback((message) => {
-        if (storeRef.current && message.state) {
-            storeRef.current.setState(message.state);
-        }
-    }, []);
-    React.useEffect(() => {
-        const onMessage = (e) => {
-            const message = e.data;
-            syncStore(message);
-        };
-        window.addEventListener('message', onMessage);
-        return () => {
-            window.removeEventListener('message', onMessage);
-        };
-    }, [syncStore]);
-    if (!storeRef.current) {
-        storeRef.current = createPCEditorStore();
-    }
-    return (_jsx(PCEditorStoreContext.Provider, { value: {
-            state: storeRef.current,
-        }, children: children }));
-};
-//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/esm/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,mBAAmB,EAAC,iCAA8B;AAGvE,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAI5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/esm/context/editorStoreContext/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./PCEditorStoreContext.js";
-export * from "./PCEditorStoreProvider.js";

package/build/esm/context/editorStoreContext/index.js

@@ -1,3 +0,0 @@
-export * from "./PCEditorStoreContext.js";
-export * from "./PCEditorStoreProvider.js";
-//# sourceMappingURL=index.js.map

package/build/esm/context/editorStoreContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":"AAAA,0CAAuC;AACvC,2CAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/esm/editor/data/templates/test-editor-block.json

@@ -1,18 +0,0 @@
-{
-  "template": {
-    "type": "test-editor-block",
-    "title": "Lorem ipsum dolor sit amet",
-    "table": {
-      "content": [
-        ["Lorem", "ipsum 1", "dolor 2", "sit 3"],
-        ["Lorem 1", "0", "0", "0"],
-        ["Lorem 2", "0", "0", "1"],
-        ["Lorem 3", "0", "0", "1"],
-        ["Lorem 4", "0", "1", "1"],
-        ["Lorem 5", "1", "1", "1"]
-      ],
-      "legend": ["ipsum 1", "ipsum 2"],
-      "justify": ["start", "center", "center", "center"]
-    }
-  }
-}

package/build/esm/editor-v2/components/DynamicForm/DynamicForm.d.ts

@@ -1,10 +0,0 @@
-import { ConfigInput, DynamicFormValue } from "../../../../common/types/index.js";
-import './DynamicForm.css';
-interface DynamicFormProps {
-    blockConfig: Array<ConfigInput>;
-    contentConfig?: DynamicFormValue;
-    onUpdate: (key: string, value: DynamicFormValue) => void;
-    className?: string;
-}
-declare const DynamicForm: ({ blockConfig, onUpdate, contentConfig }: DynamicFormProps) => import("react/jsx-runtime").JSX.Element;
-export default DynamicForm;

package/build/esm/editor-v2/components/DynamicForm/DynamicForm.js

@@ -1,113 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import _ from 'lodash';
-import * as React from 'react';
-import { editorCn } from "../../utils/cn.js";
-import './DynamicForm.css';
-import ArrayDynamicField from "./Fields/Array/Array.js";
-import BooleanDynamicField from "./Fields/Boolean/Boolean.js";
-import NumberDynamicField from "./Fields/Number/Number.js";
-import ObjectDynamicField from "./Fields/Object/Object.js";
-import OneOfDynamicField from "./Fields/OneOf/OneOf.js";
-import SelectDynamicField from "./Fields/Select/Select.js";
-import TextDynamicField from "./Fields/Text/Text.js";
-import TextAreaDynamicField from "./Fields/TextArea/TextArea.js";
-import { getContent, getFullPath } from "./utils.js";
-const b = editorCn('dynamic-form');
-const DynamicForm = ({ blockConfig, onUpdate, contentConfig }) => {
-    const inputs = blockConfig;
-    const getData = React.useCallback((variable) => {
-        if (variable.startsWith('block.')) {
-            const purePath = variable.replace('block.', '');
-            return _.get(contentConfig, purePath);
-        }
-        if ((variable.startsWith(`'`) && variable.endsWith(`'`)) ||
-            (variable.startsWith(`"`) && variable.endsWith(`"`))) {
-            // @ts-ignore TODO: replaceAll types
-            return variable.replaceAll(`'`, '').replaceAll(`"`, '');
-        }
-        return undefined;
-    }, [contentConfig]);
-    const decide = React.useCallback((showIf) => {
-        const parts = showIf.split(' ');
-        if (!(parts.length === 3)) {
-            // eslint-disable-next-line no-console
-            console.log('Something bad happened in showIf, ignored');
-            return true;
-        }
-        const [firstVariable, equals, secondVariable] = parts;
-        const data1 = getData(firstVariable);
-        const data2 = getData(secondVariable);
-        if (equals === '===') {
-            return data1 === data2;
-        }
-        else {
-            return data1 !== data2;
-        }
-    }, [getData]);
-    const renderInput = React.useCallback((input) => {
-        const fieldPath = input.name;
-        const fieldValue = getContent(contentConfig, input.name);
-        if (input.showIf) {
-            const decision = decide(input.showIf);
-            if (!decision) {
-                return _jsxs("div", { children: ["Hidden Field: ", input.name] });
-            }
-        }
-        // Text, Select, Boolean and etc
-        const onSimpleDynamicFieldUpdate = (value) => {
-            onUpdate(fieldPath, value);
-        };
-        // Array and Objects
-        const onComplexDynamicFieldUpdate = (key, value) => {
-            onUpdate(getFullPath(fieldPath, key), value);
-        };
-        switch (input.type) {
-            case 'text': {
-                return (_jsx(TextDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'boolean': {
-                return (_jsx(BooleanDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'textarea': {
-                return (_jsx(TextAreaDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'select': {
-                return (_jsx(SelectDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), input: input, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'number': {
-                return (_jsx(NumberDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'object': {
-                if (!input || !('properties' in input)) {
-                    return null;
-                }
-                return (_jsx(ObjectDynamicField, { onRefresh: (value) => onUpdate(fieldPath, value), blockConfig: input.properties, title: input.title, value: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            case 'array': {
-                return (_jsx(ArrayDynamicField, { blockConfig: input, title: input.title, values: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            case 'oneOf': {
-                if (!input || !('options' in input)) {
-                    return null;
-                }
-                return (_jsx(OneOfDynamicField, { inputConfig: input, contentConfig: contentConfig, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            default: {
-                return _jsxs("div", { children: ["Ignore ", JSON.stringify(input)] });
-            }
-        }
-    }, [contentConfig, decide, onUpdate]);
-    const sortedInputs = inputs.sort((x, y) => {
-        const nestingFieldTypes = ['object', 'array', 'oneOf'];
-        if (nestingFieldTypes.includes(x.type)) {
-            return 1;
-        }
-        if (nestingFieldTypes.includes(y.type)) {
-            return -1;
-        }
-        return 0;
-    });
-    return (_jsx("div", { className: b(), children: sortedInputs.map((input, index) => (_jsx(React.Fragment, { children: renderInput(input) }, index))) }));
-};
-export default DynamicForm;
-//# sourceMappingURL=DynamicForm.js.map

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

@@ -1 +0,0 @@
-{"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 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                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'];\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

@@ -1,89 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.pceditor-field-base {
-  padding: 16px 12px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 8px;
-}
-.pceditor-field-base:hover > .pceditor-field-base__top > .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%;
-  flex-basis: initial;
-}
-.pceditor-field-base_expandable > .pceditor-field-base__children {
-  width: 100%;
-}
-.pceditor-field-base__top {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex: 0 0 64px;
-  word-break: break-all;
-}
-.pceditor-field-base__children {
-  flex: 2 1 auto;
-}
-.pceditor-field-base__foldable {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-.pceditor-field-base__non-foldable:before {
-  position: absolute;
-  right: calc(100% + 5px);
-}
-.pceditor-field-base__button {
-  transition: opacity 0.3s ease;
-  opacity: 0;
-}
-.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);
-  margin: 5px 0;
-}
-.pceditor-field-base__title_size_s {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
-.pceditor-field-base__title_size_m {
-  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);
-}
-.pceditor-field-base__title_size_l {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-}
-.pceditor-field-base:last-child {
-  border-bottom: none;
-}

package/build/esm/editor-v2/components/DynamicForm/FieldBase/FieldBase.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import './FieldBase.css';
-export interface FieldBaseParams {
-    title?: string;
-    textSize?: 's' | 'm' | 'l';
-    onRefresh?: (value: undefined) => void;
-    expandable?: boolean;
-}
-export interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {
-    className?: string;
-}
-declare const FieldBase: React.FC<FieldBaseProps>;
-export default FieldBase;