@gravity-ui/page-constructor 3.4.0 → 3.5.0-alpha.0

package/build/cjs/editor/components/EditBlock/EditBlock.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditBlockControls = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('edit-block');
-var EditBlockControls;
-(function (EditBlockControls) {
-    EditBlockControls["Up"] = "up";
-    EditBlockControls["Down"] = "down";
-    EditBlockControls["Copy"] = "copy";
-    EditBlockControls["Delete"] = "delete";
-})(EditBlockControls = exports.EditBlockControls || (exports.EditBlockControls = {}));
-const actionsOrder = [
-    EditBlockControls.Up,
-    EditBlockControls.Down,
-    EditBlockControls.Copy,
-    EditBlockControls.Delete,
-];
-const editBlockControlsIcons = {
-    [EditBlockControls.Up]: icons_1.ChevronUp,
-    [EditBlockControls.Down]: icons_1.ChevronDown,
-    [EditBlockControls.Copy]: icons_1.Copy,
-    [EditBlockControls.Delete]: icons_1.TrashBin,
-};
-const EditBlock = ({ actions, isActive, onSelect, isHeader, children }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (isActive && ref.current) {
-            //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support
-            ref.current.scrollIntoView({ block: 'center' });
-        }
-    }, [isActive]);
-    return (react_1.default.createElement("div", { className: b(), onClick: onSelect, ref: ref },
-        react_1.default.createElement("div", { className: b('controls', { active: isActive, isHeader }) }, isActive && (react_1.default.createElement("div", { className: b('controls-content'), onClick: (e) => e.stopPropagation() }, actionsOrder.map((action) => {
-            const Icon = editBlockControlsIcons[action];
-            return actions[action] ? (react_1.default.createElement("div", { key: action, className: b('control'), onClick: actions[action] },
-                react_1.default.createElement(Icon, null))) : null;
-        })))),
-        children));
-};
-exports.default = react_1.default.memo(EditBlock);

package/build/cjs/editor/components/ErrorBoundary/ErrorBoundary.css

@@ -1,27 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-error-boundary__container {
-  display: flex;
-  width: 100%;
-  padding: 32px;
-  background-color: var(--yc-color-base-background);
-  border-radius: var(--pc-border-radius);
-  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 4px 24px rgba(0, 0, 0, 0.06);
-}
-.pc-error-boundary__header {
-  margin-top: 0;
-}
-.pc-error-boundary__error {
-  display: block;
-  color: var(--yc-color-text-danger);
-  max-height: 160px;
-  overflow: auto;
-}
-.pc-error-boundary__image {
-  flex: 0 0 auto;
-  width: 200px;
-  height: 200px;
-  background-repeat: no-repeat;
-  background-size: contain;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIj48c3R5bGU+LnN0MHtmaWxsOiNlY2YyZjl9LnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMyZWU1YzA7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfS5zdDJ7ZmlsbDojMDA3Y2U5fS5zdDN7ZmlsbDojMDAyMzZifS5zdDR7ZmlsbDojMDBlNmM1fS5zdDExe2ZpbGw6I2ZmNDY0NX0uc3QxNXtmaWxsOm5vbmU7c3Ryb2tlOiMyZWU1YzA7c3Ryb2tlLXdpZHRoOjMuNzI1MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LnN0MTUsLnN0MTZ7c3Ryb2tlLWxpbmVjYXA6cm91bmR9LnN0MTYsLnN0MTd7ZmlsbDpub25lO3N0cm9rZTojMDA3Y2U5O3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH0uc3QxOHtmaWxsOiNmYzB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMxLjcgMjkzLjdoMjM1LjJWMTc5LjRjMC05LjEtNy40LTE2LjUtMTYuNS0xNi41SDEzMS43djEzMC44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODguMyAyOTUuNEg3MS43VjU1LjJjMC0xMi41IDEwLjEtMTcuNyAyMi42LTE3LjdoOTR2MjU3Ljl6TTIzMS4zIDI0Ny4zaDg5Ljh2LTIyMGMwLTEwLjQtOC41LTE0LjgtMTguOS0xNC44aC03MC45djIzNC44eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yODQuNiAxNDkuOWgxMi43YzYuOSAwIDEyLjQgNi4yIDEyLjQgMTMuN3Y1OS41TTI4NC42IDE5Ni45aDYuNGMzLjUgMCA2LjMgMi4yIDYuMyA5Ljd2NjMuNSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yODQuNiAxMTYuN0gzMDVjOS40IDAgMTcgNy42IDE3IDE3djkwLjEiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjg0LjYgODcuNmgyNi42YzEyLjYgMCAyMi44IDEwLjIgMjIuOCAyMi44djEyMy4xTTE3Ni40IDY2LjRoMTA3Ljl2MTA3LjlIMTc2LjR6TTE3Ni40IDE3NC4zaDEwNy45djEwNy45SDE3Ni40eiIvPjxwYXRoIGNsYXNzPSJzdDE1IiBkPSJNMjIxLjkgNzkuMWg0OS40TTIyMS45IDg3LjZoMzAuOE0yMjEuOSA5Ni4yaDQ5LjQiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSI3OS4xIiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9Ijc5LjEiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iNzkuMSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iODcuNiIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTk4LjYiIGN5PSI4Ny42IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9Ijg3LjYiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9Ijk2LjIiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iOTYuMiIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjA3LjIiIGN5PSI5Ni4yIiByPSIyLjEiLz48cGF0aCBjbGFzcz0ic3QxNSIgZD0iTTIyMS45IDExMS4zaDQ5LjRNMjIxLjkgMTE5LjloNDkuNE0yMjEuOSAxMjguNWg0MS40Ii8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iMTExLjMiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMTExLjMiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iMTExLjMiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9IjExOS45IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9IjExOS45IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjExOS45IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSIxMjguNSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTk4LjYiIGN5PSIxMjguNSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjA3LjIiIGN5PSIxMjguNSIgcj0iMi4xIi8+PHBhdGggY2xhc3M9InN0MTUiIGQ9Ik0yMjEuOSAxNDMuNWg0OS40TTIyMS45IDE1Mi4xaDQ5LjRNMjIxLjkgMTYwLjdoNDkuNCIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9IjE0My41IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9IjE0My41IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjE0My41IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSIxNTIuMSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTk4LjYiIGN5PSIxNTIuMSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjA3LjIiIGN5PSIxNTIuMSIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iMTYwLjciIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMTYwLjciIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iMTYwLjciIHI9IjIuMSIvPjxnPjxwYXRoIGNsYXNzPSJzdDE1IiBkPSJNMjIxLjkgMTg3LjRoNDkuNE0yMjEuOSAxOTUuOWgzMC44TTIyMS45IDIwNC41aDQ5LjQiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSIxODcuNCIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTk4LjYiIGN5PSIxODcuNCIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjA3LjIiIGN5PSIxODcuNCIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iMTk1LjkiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMTk1LjkiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iMTk1LjkiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9IjIwNC41IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9IjIwNC41IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjIwNC41IiByPSIyLjEiLz48cGF0aCBjbGFzcz0ic3QxNSIgZD0iTTIyMS45IDIxOS42aDQ5LjRNMjIxLjkgMjI4LjJoNDkuNE0yMjEuOSAyMzYuOGg0MS40Ii8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iMjE5LjYiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMjE5LjYiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iMjE5LjYiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9IjIyOC4yIiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9IjIyOC4yIiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjIyOC4yIiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSIyMzYuOCIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTk4LjYiIGN5PSIyMzYuOCIgcj0iMi4xIi8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjA3LjIiIGN5PSIyMzYuOCIgcj0iMi4xIi8+PHBhdGggY2xhc3M9InN0MTUiIGQ9Ik0yMjEuOSAyNTEuOGg0OS40TTIyMS45IDI2MC40aDQ5LjRNMjIxLjkgMjY5aDE0Ii8+PGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMTkwIiBjeT0iMjUxLjgiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMjUxLjgiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjIwNy4yIiBjeT0iMjUxLjgiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5MCIgY3k9IjI2MC40IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTguNiIgY3k9IjI2MC40IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjI2MC40IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIxOTAiIGN5PSIyNjkiIHI9IjIuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjE5OC42IiBjeT0iMjY5IiByPSIyLjEiLz48Y2lyY2xlIGNsYXNzPSJzdDQiIGN4PSIyMDcuMiIgY3k9IjI2OSIgcj0iMi4xIi8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03Mi44IDE3My4xYy03LjMgMi45LTI3LjkgMTQuNC0yNy45IDI3LjUgMCAzLjcgMi4yIDguMSAxNyA2LjIgMjcuMS0zLjUgNzcuOS0xLjggNzcuOS0xLjhsNTcuOS00LjYtMTI0LjktMjcuM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDcuMiAyMDQuNWw1NS4xLTcuN2MxLjQtLjIgMi42LTIuNSAyLjYtNVY3NC4zYzAtMi41LTIuNy0zLjUtNC4yLTMuMWwtNTMuNSAxOGMtMS4yLjQtMi4yIDIuNi0yLjIgNXYxMDYuNWMtLjEgMi4zLjkgNCAyLjIgMy44eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xOTcuOCAyMDAuM2wtOTUuNS0zLjdjLTIuNS0uMS00LjUtMi4yLTQuNS00LjZWNzVjMC0yLjUgMi00LjIgNC41LTMuOUwxOTcuOCA4M2MyLjEuMyAzLjkgMi4zIDMuOSA0LjZ2MTA4LjhjMCAyLjItMS43IDQtMy45IDMuOXoiLz48cGF0aCBjbGFzcz0ic3QxNyIgZD0iTTk3LjkgMTEyLjZsMTAzLjggMTAuNSIvPjxwYXRoIGNsYXNzPSJzdDE2IiBkPSJNMTEzLjMgODUuNmw3NS45IDkuMU0xMTMuMyAxMzAuNWw3NS45IDcuMU0xMTMuMyAxNzIuN2w3NS45IDQuMiIvPjxwYXRoIGNsYXNzPSJzdDE3IiBkPSJNOTYuMSAxNTUuNmwxMDUuNiA3LjJNOTYuMSAxOTUuM2wxMDUuNiAzLjYiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTQ3LjIgMzI0LjZsNTUuNCA2LjFjMS40LjEgMi42LTEuOSAyLjYtNC40VjIwNS41YzAtMi41LTEuMi00LjUtMi42LTQuNGwtNTUuNCA3LjRjLTEuMi4xLTIuMyAyLjEtMi4zIDQuNHYxMDcuMmMwIDIuNCAxIDQuNCAyLjMgNC41eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xOTguOCAzMjYuNWwtOTYuMSA0LjJjLTIuNS4xLTQuNS0xLjktNC41LTQuNFYyMDUuNWMwLTIuNSAyLTQuNSA0LjUtNC40bDk2LjEgNC4yYzIuMi4xIDMuOSAyLjEgMy45IDQuNFYzMjJjLjEgMi40LTEuNyA0LjQtMy45IDQuNXoiLz48cGF0aCBjbGFzcz0ic3QxNyIgZD0iTTk4LjIgMjQ0LjNsMTA0LjYgMi4xTTk2LjQgMjg4LjlsMTA2LjQtMS41Ii8+PHBhdGggY2xhc3M9InN0MTYiIGQ9Ik0xMTMuMyAyMTQuN2w3Ni4xIDNNMTEzLjMgMjU5LjZsNzYuMS45TTExMy4zIDMwMS43bDc2LjEtMiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTUxIDMzNi40bDcwIDcuN2MxLjguMSAzLjMtMi40IDMuMy01LjZWMTg2YzAtMy4yLTEuNS01LjctMy4zLTUuNmwtNzAgOS4zYy0xLjYuMS0yLjggMi42LTIuOCA1LjZ2MTM1LjRjMCAzLjEgMS4zIDUuNiAyLjggNS43eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0zNDIuNSAzMzguOGwtMTIxLjMgNS4zYy0zLjEuMS01LjctMi40LTUuNy01LjZWMTg2YzAtMy4yIDIuNS01LjcgNS43LTUuNmwxMjEuMyA1LjNjMi43LjEgNC45IDIuNiA0LjkgNS42djE0MS44YzAgMy4xLTIuMiA1LjYtNC45IDUuN3oiLz48cGF0aCBjbGFzcz0ic3QxNyIgZD0iTTIxNS41IDIzNS4xbDEzMS45IDIuNk0yMTMuMiAyOTEuM2wxMzQuMi0xLjgiLz48cGF0aCBjbGFzcz0ic3QxMSIgZD0iTTIzNC4zIDE5OC40YzAgMS44LTEuMyAzLjMtMyAzLjItMS43LS4xLTMtMS43LTMtMy41czEuNC0zLjMgMy0zLjJjMS42LjEgMyAxLjcgMyAzLjV6Ii8+PHBhdGggY2xhc3M9InN0MTgiIGQ9Ik0yNDggMTk5LjJjMCAxLjgtMS4zIDMuMi0zIDMuMi0xLjYtLjEtMy0xLjYtMy0zLjVzMS4zLTMuMyAzLTMuMmMxLjcuMSAzIDEuNiAzIDMuNXpNMjYxLjQgMTk5LjljMCAxLjgtMS4zIDMuMi0yLjkgMy4xLTEuNi0uMS0yLjktMS42LTIuOS0zLjQgMC0xLjggMS4zLTMuMiAyLjktMy4xIDEuNi4xIDIuOSAxLjYgMi45IDMuNHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjc0LjYgMjAwLjZjMCAxLjgtMS4zIDMuMi0yLjggMy4xLTEuNi0uMS0yLjgtMS42LTIuOC0zLjRzMS4zLTMuMiAyLjgtMy4xYzEuNS4xIDIuOCAxLjYgMi44IDMuNHpNMjg3LjUgMjAxLjNjMCAxLjgtMS4yIDMuMi0yLjggMy4xLTEuNS0uMS0yLjgtMS42LTIuOC0zLjRzMS4zLTMuMiAyLjgtMy4xYzEuNS4yIDIuOCAxLjcgMi44IDMuNHpNMzAwLjEgMjAyYzAgMS44LTEuMiAzLjEtMi43IDMtMS41LS4xLTIuNy0xLjYtMi43LTMuMyAwLTEuOCAxLjItMy4xIDIuNy0zIDEuNS4xIDIuNyAxLjYgMi43IDMuM3pNMzEyLjUgMjAyLjdjMCAxLjctMS4yIDMuMS0yLjcgMy0xLjUtLjEtMi43LTEuNi0yLjctMy4zIDAtMS44IDEuMi0zLjEgMi43LTMgMS41LjEgMi43IDEuNiAyLjcgMy4zek0zMjQuNyAyMDMuNGMwIDEuNy0xLjIgMy4xLTIuNiAzLTEuNS0uMS0yLjYtMS41LTIuNi0zLjMgMC0xLjcgMS4yLTMuMSAyLjYtMyAxLjQuMSAyLjYgMS42IDIuNiAzLjN6TTMzNi42IDIwNC4xYzAgMS43LTEuMiAzLTIuNiAzLTEuNC0uMS0yLjYtMS41LTIuNi0zLjIgMC0xLjcgMS4yLTMgMi42LTMgMS41IDAgMi42IDEuNCAyLjYgMy4yeiIvPjxnPjxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMjM0LjMgMjUzLjhjMCAxLjgtMS4zIDMuMy0zIDMuM3MtMy0xLjUtMy0zLjQgMS40LTMuMyAzLTMuMyAzIDEuNSAzIDMuNHpNMjQ4IDI1My45YzAgMS44LTEuMyAzLjMtMyAzLjMtMS42IDAtMy0xLjUtMy0zLjRzMS4zLTMuMyAzLTMuM2MxLjcuMSAzIDEuNiAzIDMuNHoiLz48cGF0aCBjbGFzcz0ic3QxOCIgZD0iTTI2MS40IDI1NC4xYzAgMS44LTEuMyAzLjMtMi45IDMuMi0xLjYgMC0yLjktMS41LTIuOS0zLjNzMS4zLTMuMyAyLjktMy4yYzEuNiAwIDIuOSAxLjUgMi45IDMuM3pNMjc0LjYgMjU0LjNjMCAxLjgtMS4zIDMuMi0yLjggMy4yLTEuNiAwLTIuOC0xLjUtMi44LTMuM3MxLjMtMy4yIDIuOC0zLjJjMS41LjEgMi44IDEuNSAyLjggMy4zek0yODcuNSAyNTQuNWMwIDEuOC0xLjIgMy4yLTIuOCAzLjItMS41IDAtMi44LTEuNS0yLjgtMy4zczEuMy0zLjIgMi44LTMuMmMxLjUuMSAyLjggMS41IDIuOCAzLjN6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTMwMC4xIDI1NC43YzAgMS44LTEuMiAzLjItMi43IDMuMi0xLjUgMC0yLjctMS41LTIuNy0zLjIgMC0xLjggMS4yLTMuMiAyLjctMy4yIDEuNSAwIDIuNyAxLjQgMi43IDMuMnpNMzEyLjUgMjU0LjljMCAxLjctMS4yIDMuMS0yLjcgMy4xLTEuNSAwLTIuNy0xLjQtMi43LTMuMnMxLjItMy4xIDIuNy0zLjFjMS41IDAgMi43IDEuNCAyLjcgMy4yek0zMjQuNyAyNTVjMCAxLjctMS4yIDMuMS0yLjYgMy4xLTEuNSAwLTIuNi0xLjQtMi42LTMuMiAwLTEuNyAxLjItMy4xIDIuNi0zLjEgMS40LjEgMi42IDEuNSAyLjYgMy4yek0zMzYuNiAyNTUuMmMwIDEuNy0xLjIgMy4xLTIuNiAzLjEtMS40IDAtMi42LTEuNC0yLjYtMy4xIDAtMS43IDEuMi0zLjEgMi42LTMuMSAxLjUgMCAyLjYgMS40IDIuNiAzLjF6Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMjM0LjMgMzA5LjFjMCAxLjgtMS4zIDMuNC0zIDMuNHMtMy0xLjQtMy0zLjMgMS40LTMuNCAzLTMuNCAzIDEuNCAzIDMuM3oiLz48cGF0aCBjbGFzcz0ic3QxOCIgZD0iTTI0OCAzMDguN2MwIDEuOC0xLjMgMy40LTMgMy40LTEuNiAwLTMtMS40LTMtMy4yIDAtMS44IDEuMy0zLjQgMy0zLjQgMS43LS4xIDMgMS40IDMgMy4yek0yNjEuNCAzMDguNGMwIDEuOC0xLjMgMy4zLTIuOSAzLjQtMS42IDAtMi45LTEuNC0yLjktMy4yIDAtMS44IDEuMy0zLjMgMi45LTMuNCAxLjYtLjEgMi45IDEuNCAyLjkgMy4yek0yNzQuNiAzMDhjMCAxLjgtMS4zIDMuMy0yLjggMy4zLTEuNiAwLTIuOC0xLjQtMi44LTMuMnMxLjMtMy4zIDIuOC0zLjNjMS41IDAgMi44IDEuNCAyLjggMy4yeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yODcuNSAzMDcuN2MwIDEuOC0xLjIgMy4zLTIuOCAzLjMtMS41IDAtMi44LTEuNC0yLjgtMy4xIDAtMS44IDEuMy0zLjMgMi44LTMuMyAxLjUtLjEgMi44IDEuMyAyLjggMy4xek0zMDAuMSAzMDcuM2MwIDEuOC0xLjIgMy4yLTIuNyAzLjMtMS41IDAtMi43LTEuNC0yLjctMy4xIDAtMS44IDEuMi0zLjIgMi43LTMuMyAxLjUgMCAyLjcgMS40IDIuNyAzLjF6TTMxMi41IDMwN2MwIDEuNy0xLjIgMy4yLTIuNyAzLjItMS41IDAtMi43LTEuMy0yLjctMy4xczEuMi0zLjIgMi43LTMuMmMxLjUgMCAyLjcgMS40IDIuNyAzLjF6TTMyNC43IDMwNi43YzAgMS43LTEuMiAzLjItMi42IDMuMi0xLjUgMC0yLjYtMS4zLTIuNi0zLjFzMS4yLTMuMiAyLjYtMy4yYzEuNCAwIDIuNiAxLjMgMi42IDMuMXpNMzM2LjYgMzA2LjNjMCAxLjctMS4yIDMuMS0yLjYgMy4yLTEuNCAwLTIuNi0xLjMtMi42LTNzMS4yLTMuMSAyLjYtMy4yYzEuNSAwIDIuNiAxLjMgMi42IDN6Ii8+PC9nPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkuNCAxMDNjMCAxLjggMS40IDMuMiAzLjEgMi45IDEuNy0uMiAzLjEtMS45IDMuMS0zLjhzLTEuNC0zLjItMy4xLTIuOWMtMS43LjItMy4xIDEuOS0zLjEgMy44ek01OS40IDE0MC41YzAgMS44IDEuNCAzLjIgMy4xIDIuOSAxLjctLjIgMy4xLTEuOSAzLjEtMy44cy0xLjQtMy4yLTMuMS0yLjljLTEuNy4zLTMuMSAyLTMuMSAzLjh6TTU5LjQgMTc4LjFjMCAxLjggMS40IDMuMiAzLjEgMi45IDEuNy0uMiAzLjEtMS45IDMuMS0zLjhzLTEuNC0zLjItMy4xLTIuOWMtMS43LjMtMy4xIDItMy4xIDMuOHoiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0MyIgZD0iTTU5LjQgMjI4LjdjMCAxLjggMS40IDMuMiAzLjEgMi45IDEuNy0uMiAzLjEtMS45IDMuMS0zLjhzLTEuNC0zLjItMy4xLTIuOWMtMS43LjMtMy4xIDItMy4xIDMuOHpNNTkuNCAyNjYuM2MwIDEuOCAxLjQgMy4yIDMuMSAyLjkgMS43LS4yIDMuMS0xLjkgMy4xLTMuOHMtMS40LTMuMi0zLjEtMi45Yy0xLjcuMy0zLjEgMi0zLjEgMy44ek01OS40IDMwMy45YzAgMS44IDEuNCAzLjIgMy4xIDIuOSAxLjctLjIgMy4xLTEuOSAzLjEtMy44cy0xLjQtMy4yLTMuMS0yLjljLTEuNy4zLTMuMSAxLjktMy4xIDMuOHoiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0MyIgZD0iTTE2Mi4zIDIxMy44YzAgMi40IDEuOCA0LjEgNCAzLjggMi4yLS4zIDQuMS0yLjUgNC4xLTQuOXMtMS44LTQuMS00LjEtMy44Yy0yLjIuMy00IDIuNS00IDQuOXpNMTYyLjMgMjYzLjFjMCAyLjQgMS44IDQuMSA0IDMuOCAyLjItLjMgNC4xLTIuNSA0LjEtNC45cy0xLjgtNC4xLTQuMS0zLjhjLTIuMi4zLTQgMi41LTQgNC45ek0xNjIuMyAzMTIuNGMwIDIuNCAxLjggNC4xIDQgMy44IDIuMi0uMyA0LjEtMi41IDQuMS00LjkgMC0yLjQtMS44LTQuMS00LjEtMy44LTIuMi4zLTQgMi41LTQgNC45eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjEuNyAxMDIuNmwtMjItMS43Yy0zLjktLjMtNy4yIDIuOC03LjIgNi43djIwNi41Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYxLjcgMTQwLjFsLTIyLTEuN2MtMy45LS4zLTcuMiAyLjgtNy4yIDYuN3Y5MS44Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYxLjcgMTc3LjlsLTIyLS44Yy0zLjktLjMtNy4yIDIuOC03LjIgNi43djc2LjEiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjEuNyAyMjcuOWwtMjIgLjFjLTMuOS0uMy03LjIgMi44LTcuMiA2Ljd2NzYuMSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MS43IDI2NS44bC0yMiAuMWMtMy45LS4zLTcuMiAyLjgtNy4yIDYuN3Y0OC45Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTYxLjcgMzAzLjdsLTIyIC4xYy0zLjktLjMtNy4yIDIuOC03LjIgNi43djE2Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTMyLjUgMzI0LjF2NS43YzAgMy4zLjIgNi41IDMuMSA3LjIgMi44LjcgODMuOCAxMy41IDkwLjUgMTQuNCA2LjcuOSA4LjYtMi40IDguNi01LjlWMjIzLjljMC01LjggNC43LTEwLjUgMTAuNS0xMC42bDIwLjMtLjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTM0LjYgMzAyLjZ2LTI5LjJjMC01LjggNC43LTEwLjUgMTAuNS0xMC42bDIwLjMtLjJNMTM0LjYgMzM4LjJWMzIzYzAtNS44IDQuNy0xMC41IDEwLjUtMTAuNmwyMC4zLS4yIi8+PC9nPjwvc3ZnPgo=");
-}

package/build/cjs/editor/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,13 +0,0 @@
-import React, { ErrorInfo, PropsWithChildren } from 'react';
-import { BlockDecorationProps } from '../../../models';
-interface ErrorBoundaryProps extends PropsWithChildren, Partial<BlockDecorationProps> {
-}
-interface ErrorBoundaryState {
-    error?: string;
-}
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    state: ErrorBoundaryState;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-}
-export {};

package/build/cjs/editor/components/ErrorBoundary/ErrorBoundary.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const utils_2 = require("../../utils");
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
-const b = (0, utils_1.block)('error-boundary');
-class ErrorBoundary extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {};
-    }
-    componentDidCatch(error, info) {
-        this.setState({ error: `${error.message} ${info === null || info === void 0 ? void 0 : info.componentStack}` });
-    }
-    render() {
-        const { type, index } = this.props;
-        const { error } = this.state;
-        const header = type
-            ? (0, i18n_1.default)('error-block-header', { id: (0, utils_2.getBlockId)({ type, index }) })
-            : (0, i18n_1.default)('error-page-header');
-        if (this.state.error) {
-            return (react_1.default.createElement("div", { className: b() },
-                react_1.default.createElement("div", { className: b('container') },
-                    react_1.default.createElement("div", { className: b('image') }),
-                    react_1.default.createElement("div", { className: b('content') },
-                        react_1.default.createElement("h2", { className: b('header') }, header),
-                        react_1.default.createElement("code", { className: b('error') }, error)))));
-        }
-        return this.props.children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;

package/build/cjs/editor/components/ErrorBoundary/i18n/en.json

@@ -1,4 +0,0 @@
-{
-  "error-block-header": "An error occurred in {{id}}",
-  "error-page-header": "An error occurred"
-}

package/build/cjs/editor/components/ErrorBoundary/i18n/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/build/cjs/editor/components/ErrorBoundary/i18n/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const registerKeyset_1 = require("../../../../utils/registerKeyset");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'ErrorBoundary';
-exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/editor/components/ErrorBoundary/i18n/ru.json

@@ -1,4 +0,0 @@
-{
-  "error-block-header": "Ошибка в блоке {{id}}",
-  "error-page-header": "Ошибка"
-}

package/build/cjs/editor/components/Layout/Layout.css

@@ -1,36 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-:root {
-  --editor-header-height: 48px;
-  --editor-divider-width: 12px;
-  --editor-left-column-width: calc(400px + var(--editor-divider-width));
-}
-
-.pc-editor-layout__left, .pc-editor-layout__right {
-  --yc-scrollbar-width: 0;
-  height: calc(100vh - var(--editor-header-height));
-  max-height: calc(100vh - var(--editor-header-height));
-  overflow-y: auto;
-}
-
-.pc-editor-layout {
-  position: relative;
-}
-.pc-editor-layout__panel {
-  top: 0;
-  position: sticky;
-  z-index: 2;
-}
-.pc-editor-layout__container {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  z-index: 1;
-}
-.pc-editor-layout__left {
-  flex: 0 0 auto;
-  padding: 8px 20px 20px;
-  width: var(--editor-left-column-width);
-  border-right: var(--editor-divider-width) solid var(--yc-color-line-generic);
-  overflow-x: auto;
-}

package/build/cjs/editor/components/Layout/Layout.d.ts

@@ -1,16 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ViewModeItem } from '../../types';
-export interface LayoutProps {
-    mode: ViewModeItem;
-    onModeChange: (mode: ViewModeItem) => void;
-}
-declare const Layout: {
-    ({ children, mode, onModeChange }: PropsWithChildren<LayoutProps>): JSX.Element;
-    Left: React.FC<{
-        children?: React.ReactNode;
-    }>;
-    Right: React.FC<{
-        children?: React.ReactNode;
-    }>;
-};
-export default Layout;

package/build/cjs/editor/components/Layout/Layout.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../utils");
-const ControlPanel_1 = tslib_1.__importDefault(require("../ControlPanel/ControlPanel"));
-const b = (0, utils_1.block)('editor-layout');
-const Left = () => null;
-const Right = () => null;
-const Layout = ({ children, mode, onModeChange }) => {
-    let left, right;
-    function handleChild(child) {
-        switch (child === null || child === void 0 ? void 0 : child.type) {
-            case Left:
-                left = child === null || child === void 0 ? void 0 : child.props.children;
-                break;
-            case Right:
-                right = child === null || child === void 0 ? void 0 : child.props.children;
-                break;
-        }
-    }
-    if (react_1.default.Children.toArray(children).length) {
-        react_1.Children.forEach(children, handleChild);
-    }
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(ControlPanel_1.default, { viewMode: mode, onViewModeChange: onModeChange, className: b('panel') }),
-        react_1.default.createElement("div", { className: b('container') },
-            react_1.default.createElement(react_1.Fragment, null,
-                left && react_1.default.createElement("div", { className: b('left') }, left),
-                right && react_1.default.createElement("div", { className: b('right') }, right)))));
-};
-Layout.Left = Left;
-Layout.Right = Right;
-exports.default = Layout;

package/build/cjs/editor/components/PagePropsForm/PagePropsForm.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PageContent } from '../../../models';
-import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
-export type PagePropsFormData = Omit<PageContent, 'blocks'>;
-export interface PagePropsFormProps {
-    data: PagePropsFormData;
-    spec: CustomSpec;
-    onChange: (data: PagePropsFormData) => void;
-}
-export declare const PagePropsForm: React.MemoExoticComponent<({ data: content, spec, onChange }: PagePropsFormProps) => JSX.Element>;

package/build/cjs/editor/components/PagePropsForm/PagePropsForm.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PagePropsForm = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const react_final_form_1 = require("react-final-form");
-const config_1 = require("../../dynamic-forms-custom/config");
-exports.PagePropsForm = (0, react_1.memo)(({ data: content, spec, onChange }) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const initialValues = (0, react_1.useMemo)(() => ({ content }), []);
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: lodash_1.default.noop }, () => (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange(Object.assign({}, values.content)), subscription: { values: true } }),
-        react_1.default.createElement(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig })))));
-});
-exports.PagePropsForm.displayName = 'PagePropsForm';

package/build/cjs/editor/containers/Editor/Editor.d.ts

@@ -1,2 +0,0 @@
-import { EditorProps } from '../../types';
-export declare const Editor: ({ children, customSchema, onChange, ...rest }: EditorProps) => JSX.Element;

package/build/cjs/editor/containers/Editor/Editor.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const AddBlock_1 = tslib_1.__importDefault(require("../../components/AddBlock/AddBlock"));
-const EditBlock_1 = tslib_1.__importDefault(require("../../components/EditBlock/EditBlock"));
-const ErrorBoundary_1 = require("../../components/ErrorBoundary/ErrorBoundary");
-const Layout_1 = tslib_1.__importDefault(require("../../components/Layout/Layout"));
-const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec"));
-const store_1 = require("../../store");
-const types_1 = require("../../types");
-const utils_1 = require("../../utils");
-const Form_1 = require("../Form/Form");
-const Editor = (_a) => {
-    var { children, customSchema, onChange } = _a, rest = tslib_1.__rest(_a, ["children", "customSchema", "onChange"]);
-    const { content, activeBlockIndex, errorBoundaryState, viewMode, onContentUpdate, onViewModeUpdate, onAdd, onSelect, injectEditBlockProps, } = (0, store_1.useEditorState)(rest);
-    const isEditingMode = viewMode === types_1.ViewModeItem.Edititng;
-    const constructorProps = (0, react_1.useMemo)(() => {
-        const custom = isEditingMode
-            ? (0, utils_1.addCustomDecorator)([
-                (props) => (react_1.default.createElement(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
-                // need errorBoundaryState flag to reset error on content update
-                (props) => (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
-            ], rest.custom)
-            : rest.custom;
-        return { content, custom };
-    }, [injectEditBlockProps, content, errorBoundaryState, isEditingMode, rest.custom]);
-    (0, react_1.useEffect)(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(content);
-    }, [content, onChange]);
-    const formSpecs = (0, useFormSpec_1.default)(customSchema);
-    return (react_1.default.createElement(Layout_1.default, { mode: viewMode, onModeChange: onViewModeUpdate },
-        isEditingMode && (react_1.default.createElement(Layout_1.default.Left, null,
-            react_1.default.createElement(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, onSelect: onSelect, spec: formSpecs }))),
-        react_1.default.createElement(Layout_1.default.Right, null,
-            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { key: errorBoundaryState }, children(constructorProps)),
-            isEditingMode && react_1.default.createElement(AddBlock_1.default, { onAdd: onAdd }))));
-};
-exports.Editor = Editor;

package/build/cjs/editor/containers/Form/Form.css

@@ -1,94 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-editor-form {
-  --top-level-font-size: var(--yc-text-display-2-font-size);
-  --top-level-line-height: var(--yc-text-display-2-line-height);
-  --block-propery-font-size: var(--yc-text-body-3-font-size);
-  --block-property-line-height: var(--yc-text-body-3-line-height);
-  --nested-property-font-size: var(--yc-text-body-1-font-size);
-  --nested-property-line-height: var(--yc-text-body-1-line-height);
-  --complex-nested-property-font-size: var(--yc-text-body-2-font-size);
-  --complex-nested-property-line-height: var(--yc-text-body-2-line-height);
-  --input-min-width: 150px;
-  --property-title-width: 140px;
-  --button-height: 48px;
-  --icon-size: 32px;
-  --icon-margin: 42px;
-  --property-font-weight: 500;
-  --header-text-size: var(--top-level-font-size);
-  --header-line-height: var(--top-level-line-height);
-  --text-size: var(--top-level-font-size);
-  --line-height: var(--top-level-line-height);
-}
-.pc-editor-form .df-use-search .df-use-search {
-  --button-height: 32px;
-  --icon-size: 20px;
-  --icon-margin: 30px;
-  --header-text-size: var(--block-propery-font-size);
-  --header-line-height: var(--block-property-line-height);
-  --text-size: var(--block-propery-font-size);
-  --line-height: var(--block-property-line-height);
-}
-.pc-editor-form .df-use-search .df-use-search .df-use-search {
-  --button-height: 28px;
-  --icon-size: 16px;
-  --icon-margin: 25px;
-  --property-font-weight: 400;
-  --header-text-size: var(--complex-nested-property-font-size);
-  --header-line-height: var(--complex-nested-property-line-height);
-  --text-size: var(--nested-property-font-size);
-  --line-height: var(--nested-property-line-height);
-}
-.pc-editor-form .df-row {
-  width: inherit;
-}
-.pc-editor-form .df-row__left {
-  width: var(--property-title-width);
-}
-.pc-editor-form .df-row__title {
-  font-size: var(--text-size);
-  line-height: var(--line-height);
-  font-weight: var(--property-font-weight);
-  white-space: nowrap;
-}
-.pc-editor-form .df-simple-vertical-accordeon textarea {
-  min-width: var(--input-min-width);
-  min-height: var(--input-min-width);
-}
-.pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
-  font-size: var(--header-text-size);
-  line-height: var(--header-line-height);
-}
-.pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
-  --yc-button-height: var(--button-height);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.pc-editor-form .df-simple-vertical-accordeon__header .yc-button .yc-button__icon-inner > svg {
-  width: var(--icon-size);
-  height: var(--icon-size);
-  color: var(--yc-color-text-hint);
-}
-.pc-editor-form .df-simple-vertical-accordeon__header .yc-button .yc-button__icon_side_right ~ .yc-button__text {
-  margin-right: var(--icon-margin);
-}
-.pc-editor-form .df-simple-vertical-accordeon__body,
-.pc-editor-form .df-group-indent > .df-use-search {
-  margin-top: 0;
-  margin-left: 1px;
-  padding-top: 12px;
-  padding-left: 16px;
-  border-left: 1px solid var(--yc-color-line-generic-accent);
-}
-.pc-editor-form .g-select,
-.pc-editor-form .yc-text-input {
-  width: var(--input-min-width);
-}
-.pc-editor-form + .pc-editor-form {
-  margin-top: 12px;
-}
-.pc-editor-form__tabs {
-  --yc-color-base-special: var(--yc-color-promo-base-neon);
-  margin-bottom: 20px;
-}

package/build/cjs/editor/containers/Form/Form.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { PageContent } from '../../../models';
-import { FormSpecs } from '../../dynamic-forms-custom/parser/types';
-export interface FormProps {
-    content: PageContent;
-    activeBlockIndex: number;
-    spec: FormSpecs;
-    onChange: (content: PageContent) => void;
-    onSelect: (index: number) => void;
-}
-export declare const Form: React.MemoExoticComponent<({ content, onChange, activeBlockIndex, onSelect, spec }: FormProps) => JSX.Element>;

package/build/cjs/editor/containers/Form/Form.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils");
-const BlockForm_1 = require("../../components/BlockForm/BlockForm");
-const PagePropsForm_1 = require("../../components/PagePropsForm/PagePropsForm");
-var FormTab;
-(function (FormTab) {
-    FormTab["Blocks"] = "blocks";
-    FormTab["Page"] = "page";
-})(FormTab || (FormTab = {}));
-const b = (0, utils_1.block)('editor-form');
-const tabsItems = Object.values(FormTab).map((tab) => ({
-    id: tab,
-    title: tab,
-}));
-exports.Form = (0, react_1.memo)(({ content, onChange, activeBlockIndex, onSelect, spec }) => {
-    const [activeTab, setActiveTab] = react_1.default.useState(FormTab.Blocks);
-    const _a = content || {}, { blocks } = _a, page = tslib_1.__rest(_a, ["blocks"]);
-    const { blocks: blocksSpec, page: pageSpec } = spec || {};
-    let form;
-    switch (activeTab) {
-        case FormTab.Page: {
-            form = (react_1.default.createElement(PagePropsForm_1.PagePropsForm, { spec: pageSpec, data: page, onChange: (data) => {
-                    return onChange(Object.assign(Object.assign({}, content), data));
-                } }));
-            break;
-        }
-        case FormTab.Blocks: {
-            form = (react_1.default.createElement(react_1.Fragment, null, blocks.map((blockData, index) => (react_1.default.createElement(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], key: (0, utils_1.getBlockKey)(blockData, index), data: blockData, active: activeBlockIndex === index, onChange: (data) => {
-                    onChange(Object.assign(Object.assign({}, content), { blocks: [
-                            ...blocks.slice(0, index),
-                            data,
-                            ...blocks.slice(index + 1),
-                        ] }));
-                }, onSelect: () => onSelect(index) })))));
-            break;
-        }
-    }
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement(uikit_1.Tabs, { activeTab: activeTab, className: b('tabs'), items: tabsItems, onSelectTab: setActiveTab }),
-        form));
-});
-exports.Form.displayName = 'Form';

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.css

@@ -1,27 +0,0 @@
-.pc-one-of-custom {
-  display: flex;
-  flex-direction: column;
-}
-.pc-one-of-custom:last-child > .df-group-indent {
-  margin-bottom: 0;
-}
-.pc-one-of-custom .df-group-indent {
-  all: unset;
-}
-.pc-one-of-custom .df-group-indent > .df-use-search {
-  padding-top: 11px;
-  padding-left: 20px;
-  margin-top: 4px;
-  margin-bottom: 20px;
-  margin-left: 5px;
-  border-left: 1px solid var(--yc-color-line-generic-accent);
-}
-.pc-one-of-custom .df-group-indent > .df-use-search:empty {
-  display: none;
-}
-.pc-one-of-custom .df-group-indent > .df-use-search:last-child {
-  margin-bottom: 0;
-}
-.pc-one-of-custom .df-group-indent > .df-use-search > .df-simple-vertical-accordeon_view {
-  margin-top: -10px;
-}

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ObjectIndependentInputProps } from '@gravity-ui/dynamic-forms';
-/**
- * Customization of @gravity-ui/dynamic-forms OneOf component
- *
- * Main differences from original component:
- *
- * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and
- * shows according input
- *
- * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.
- *
- * custom component: {propertyName: propertyValue}
- * original component: {propertyName: {option1: {value: propertyValue}}}
- *
- * @param {ObjectIndependentInputProps} props - props of original OneOf component
- * @returns {React.FC<ObjectIndependentInputProps>}
- */
-export declare const OneOfCustom: React.FC<ObjectIndependentInputProps>;

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OneOfCustom = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const ajv_1 = tslib_1.__importDefault(require("ajv"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const utils_1 = require("../../../../utils");
-const useOneOf_1 = require("../../hooks/useOneOf");
-const b = (0, utils_1.block)('one-of-custom');
-const ajv = new ajv_1.default({
-    $data: true,
-    strict: false,
-    strictSchema: false,
-    strictTypes: false,
-    strictRequired: false,
-});
-const getOneOfCustomSpecDefaultType = (spec) => { var _a, _b; return ((_b = (_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.order) === null || _b === void 0 ? void 0 : _b[0]) || Object.keys(spec.properties || {})[0]; };
-// dynamic-forms pass {} as default value for required properties of all types
-// this function replaces {} with default value accordingly to selected OneOf option spec type
-const getControllerDefautValue = (value, valueSpecType) => {
-    const isDefaultValue = typeof value === 'object' && lodash_1.default.isEmpty(value);
-    const defaultValue = valueSpecType ? (0, useOneOf_1.getSpecTypeDefaultValue)(valueSpecType) : undefined;
-    return isDefaultValue ? defaultValue : value;
-};
-/**
- * Customization of @gravity-ui/dynamic-forms OneOf component
- *
- * Main differences from original component:
- *
- * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and
- * shows according input
- *
- * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.
- *
- * custom component: {propertyName: propertyValue}
- * original component: {propertyName: {option1: {value: propertyValue}}}
- *
- * @param {ObjectIndependentInputProps} props - props of original OneOf component
- * @returns {React.FC<ObjectIndependentInputProps>}
- */
-const OneOfCustom = (props) => {
-    var _a;
-    const { spec, input, name } = props;
-    const { properties } = spec;
-    //getting oneOf option type from initial value
-    const valueType = (0, react_1.useMemo)(() => {
-        var _a;
-        return (properties &&
-            ((_a = Object.keys(properties)) === null || _a === void 0 ? void 0 : _a.find((key) => {
-                const fieldSchema = (properties === null || properties === void 0 ? void 0 : properties[key]).__schema;
-                return fieldSchema && ajv.validate(fieldSchema, (0, dynamic_forms_1.transformArrOut)(input.value));
-            }))) ||
-            getOneOfCustomSpecDefaultType(spec);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    const { oneOfValue, specProperties, toggler } = (0, useOneOf_1.useOneOf)({
-        props: Object.assign(Object.assign({}, props), { input: Object.assign(Object.assign({}, input), { value: valueType ? { [valueType]: input.value } : input.value }) }),
-    });
-    const parentOnChange = react_1.default.useCallback((_childName, childValue, childErrors) => {
-        input.onChange(childValue, childErrors);
-    }, [input]);
-    const parentOnUnmount = react_1.default.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input]);
-    const valueSpecType = ((_a = specProperties[oneOfValue]) === null || _a === void 0 ? void 0 : _a.type) || dynamic_forms_1.SpecTypes.Object;
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("div", null, toggler),
-        specProperties[oneOfValue] && (react_1.default.createElement(dynamic_forms_1.GroupIndent, null,
-            react_1.default.createElement(dynamic_forms_1.Controller, { value: getControllerDefautValue(input.value, valueSpecType), name: name, spec: specProperties[oneOfValue], parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount, key: `${name}.${oneOfValue}` })))));
-};
-exports.OneOfCustom = OneOfCustom;

package/build/cjs/editor/dynamic-forms-custom/config.d.ts

@@ -1,2 +0,0 @@
-import { DynamicFormConfig } from '@gravity-ui/dynamic-forms';
-export declare const dynamicConfig: DynamicFormConfig;

package/build/cjs/editor/dynamic-forms-custom/config.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dynamicConfig = void 0;
-const tslib_1 = require("tslib");
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const OneOfCustom_1 = require("./components/OneOfCustom/OneOfCustom");
-const getDynamicConfig = () => {
-    const dynamicConfig = lodash_1.default.cloneDeep(dynamic_forms_1.dynamicConfig);
-    dynamicConfig.object.inputs['oneof_custom'] = { Component: OneOfCustom_1.OneOfCustom, independent: true };
-    return dynamicConfig;
-};
-exports.dynamicConfig = getDynamicConfig();