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

package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.css

@@ -1,33 +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-block-config__title {
-  font-family: var(--g-text-subheader-font-family);
-  font-weight: var(--g-text-subheader-font-weight);
-  font-size: var(--g-text-subheader-3-font-size);
-  line-height: var(--g-text-subheader-3-line-height);
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-block-config__form {
-  padding: 12px 0;
-}
-.pceditor-block-config__empty {
-  padding: 12px 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  height: 100%;
-  width: 100%;
-}

package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.d.ts

@@ -1,5 +0,0 @@
-interface BlockConfigProps {
-    className?: string;
-}
-declare const BlockConfig: ({ className }: BlockConfigProps) => import("react/jsx-runtime").JSX.Element;
-export default BlockConfig;

package/build/cjs/editor-v2/containers/BlockConfig/BlockConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockConfig.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BlockConfig/BlockConfig.tsx"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAGvB,sGAAmE;AACnE,0EAAkE;AAClE,gDAA0D;AAC1D,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAmB,EAAE,EAAE;IAClD,MAAM,EAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAEtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,IAAA,qCAA6B,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,MAAM,aAAa,GAAG,gBAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,IAAI,EAAE,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,IAAI,KAAK,aAAa,EAAE,IAAI,CAAC,CAAC;IAE/F,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAuB,EAAE,EAAE;QACtD,WAAW,CAAC,QAAQ,GAAG,gBAAgB,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,uCAA8B,CAAC;IACpE,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,gCAAkB,aAAa,CAAC,IAAI,IAAO,CAAC;IACjF,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,aAAa,CAAC,MAAM,CAAC,IAAI,GAAO,EAC7D,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,qBAAW,IACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EACxC,QAAQ,EAAE,QAAQ,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../../common/types';\nimport DynamicForm from '../../components/DynamicForm/DynamicForm';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {generateChildrenPathFromArray} from '../../utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockConfig.scss';\n\nconst b = editorCn('block-config');\n\ninterface BlockConfigProps {\n    className?: string;\n}\n\nconst BlockConfig = ({className}: BlockConfigProps) => {\n    const {selectedBlock, content, blocks, subBlocks, updateField} = useMainEditorStore();\n\n    const currentBlockPath = selectedBlock ? generateChildrenPathFromArray(selectedBlock) : '[]';\n\n    const currentConfig = _.get(content.blocks, currentBlockPath || '');\n    const currentSchema = [...blocks, ...subBlocks].find(({type}) => type === currentConfig?.type);\n\n    const onUpdate = (key: string, value: DynamicFormValue) => {\n        updateField('blocks' + currentBlockPath + '.' + key, value);\n    };\n\n    if (!currentConfig) {\n        return <div className={b('empty')}>Select block for start</div>;\n    }\n\n    if (!currentSchema) {\n        return <div className={b('empty')}>Not supported: {currentConfig.type}</div>;\n    }\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('title')}>{currentSchema.schema.name}</div>\n            <div className={b('form')}>\n                <DynamicForm\n                    contentConfig={currentConfig}\n                    blockConfig={currentSchema.schema.inputs}\n                    onUpdate={onUpdate}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BlockConfig;\n"]}

package/build/esm/editor-v2/components/StoreViewer/StoreViewer.css

@@ -1,29 +0,0 @@
-.pceditor-store-viewer {
-  background-color: var(--g-color-base-float-heavy);
-  border-radius: 12px;
-  border: 1px solid var(--g-color-line-generic);
-  overflow: hidden;
-  opacity: 0.3;
-}
-.pceditor-store-viewer:hover {
-  opacity: 1;
-}
-.pceditor-store-viewer_open {
-  opacity: 1;
-}
-.pceditor-store-viewer_open .pceditor-store-viewer__box {
-  display: block;
-}
-.pceditor-store-viewer__head {
-  padding: 12px;
-}
-.pceditor-store-viewer__box {
-  max-height: 80vh;
-  overflow: scroll;
-  display: none;
-  min-width: 400px;
-  max-width: 80vw;
-  padding: 12px;
-  background-color: var(--g-color-base-float);
-  white-space: pre;
-}

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

@@ -1,7 +0,0 @@
-import './StoreViewer.css';
-interface StoreViewerProps {
-    className?: string;
-    store: object;
-}
-declare const StoreViewer: ({ store, className }: StoreViewerProps) => import("react/jsx-runtime").JSX.Element;
-export default StoreViewer;

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Code } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import * as React from 'react';
-import ReactJson from 'react-json-view';
-import { removeFn } from "../../../../common/utils.js";
-import { editorCn } from "../../utils/cn.js";
-import './StoreViewer.css';
-const b = editorCn('store-viewer');
-const StoreViewer = ({ store, className }) => {
-    const [open, setOpen] = React.useState(false);
-    return (_jsxs("div", { className: b({ open }, className), children: [_jsx("div", { className: b('head'), children: _jsx(Button, { view: "action", onClick: () => setOpen(!open), children: _jsx(Icon, { data: Code }) }) }), _jsx("div", { className: b('box'), children: _jsx(ReactJson, { style: { backgroundColor: 'transparent' }, src: removeFn(store), collapsed: true, theme: "bright:inverted" }) })] }));
-};
-export default StoreViewer;
-//# sourceMappingURL=StoreViewer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StoreViewer.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/StoreViewer/StoreViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,oCAAiC;AAClD,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAOnC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAmB,EAAE,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAChC,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GACf,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YACpB,KAAC,SAAS,IACN,KAAK,EAAE,EAAC,eAAe,EAAE,aAAa,EAAC,EACvC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,EACpB,SAAS,QACT,KAAK,EAAC,iBAAiB,GACzB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Code} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\nimport ReactJson from 'react-json-view';\n\nimport {removeFn} from '../../../../common/utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './StoreViewer.scss';\n\nconst b = editorCn('store-viewer');\n\ninterface StoreViewerProps {\n    className?: string;\n    store: object;\n}\n\nconst StoreViewer = ({store, className}: StoreViewerProps) => {\n    const [open, setOpen] = React.useState(false);\n    return (\n        <div className={b({open}, className)}>\n            <div className={b('head')}>\n                <Button view=\"action\" onClick={() => setOpen(!open)}>\n                    <Icon data={Code} />\n                </Button>\n            </div>\n            <div className={b('box')}>\n                <ReactJson\n                    style={{backgroundColor: 'transparent'}}\n                    src={removeFn(store)}\n                    collapsed\n                    theme=\"bright:inverted\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default StoreViewer;\n"]}

package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.css

@@ -1,33 +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-block-config__title {
-  font-family: var(--g-text-subheader-font-family);
-  font-weight: var(--g-text-subheader-font-weight);
-  font-size: var(--g-text-subheader-3-font-size);
-  line-height: var(--g-text-subheader-3-line-height);
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.pceditor-block-config__form {
-  padding: 12px 0;
-}
-.pceditor-block-config__empty {
-  padding: 12px 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  height: 100%;
-  width: 100%;
-}

package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.d.ts

@@ -1,6 +0,0 @@
-import './BlockConfig.css';
-interface BlockConfigProps {
-    className?: string;
-}
-declare const BlockConfig: ({ className }: BlockConfigProps) => import("react/jsx-runtime").JSX.Element;
-export default BlockConfig;

package/build/esm/editor-v2/containers/BlockConfig/BlockConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockConfig.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/BlockConfig/BlockConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAGvB,OAAO,WAAW,oDAAiD;AACnE,OAAO,EAAC,kBAAkB,EAAC,0CAAuC;AAClE,OAAO,EAAC,6BAA6B,EAAC,6BAAoB;AAC1D,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAmB,EAAE,EAAE;IAClD,MAAM,EAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEtF,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,6BAA6B,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7F,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,IAAI,EAAE,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,IAAI,KAAK,aAAa,EAAE,IAAI,CAAC,CAAC;IAE/F,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAuB,EAAE,EAAE;QACtD,WAAW,CAAC,QAAQ,GAAG,gBAAgB,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,uCAA8B,CAAC;IACpE,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,gCAAkB,aAAa,CAAC,IAAI,IAAO,CAAC;IACjF,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,aAAa,CAAC,MAAM,CAAC,IAAI,GAAO,EAC7D,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,WAAW,IACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EACxC,QAAQ,EAAE,QAAQ,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../../common/types';\nimport DynamicForm from '../../components/DynamicForm/DynamicForm';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {generateChildrenPathFromArray} from '../../utils';\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockConfig.scss';\n\nconst b = editorCn('block-config');\n\ninterface BlockConfigProps {\n    className?: string;\n}\n\nconst BlockConfig = ({className}: BlockConfigProps) => {\n    const {selectedBlock, content, blocks, subBlocks, updateField} = useMainEditorStore();\n\n    const currentBlockPath = selectedBlock ? generateChildrenPathFromArray(selectedBlock) : '[]';\n\n    const currentConfig = _.get(content.blocks, currentBlockPath || '');\n    const currentSchema = [...blocks, ...subBlocks].find(({type}) => type === currentConfig?.type);\n\n    const onUpdate = (key: string, value: DynamicFormValue) => {\n        updateField('blocks' + currentBlockPath + '.' + key, value);\n    };\n\n    if (!currentConfig) {\n        return <div className={b('empty')}>Select block for start</div>;\n    }\n\n    if (!currentSchema) {\n        return <div className={b('empty')}>Not supported: {currentConfig.type}</div>;\n    }\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('title')}>{currentSchema.schema.name}</div>\n            <div className={b('form')}>\n                <DynamicForm\n                    contentConfig={currentConfig}\n                    blockConfig={currentSchema.schema.inputs}\n                    onUpdate={onUpdate}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default BlockConfig;\n"]}