npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.0 → 6.3.2-alpha.11 - Mend

@gravity-ui/page-constructor 6.3.2-alpha.0 → 6.3.2-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1076) hide show

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.css ADDED Viewed

@@ -0,0 +1,78 @@
+.pc-FoldableListBlockItem__title {
+  margin: 0;
+}
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-FoldableListBlockItem {
+  padding-bottom: 32px;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pc-FoldableListBlockItem + .pc-FoldableListBlockItem {
+  padding-top: 32px;
+}
+.pc-FoldableListBlockItem__title {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--g-text-accent-font-weight);
+  position: relative;
+  display: block;
+  width: 100%;
+  padding-right: 24px;
+  text-align: start;
+  cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
+}
+.pc-FoldableListBlockItem__title:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-FoldableListBlockItem__title:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-FoldableListBlockItem__title a {
+  outline: none;
+  color: var(--g-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .pc-FoldableListBlockItem__title a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-FoldableListBlockItem__title a:hover, .pc-FoldableListBlockItem__title a:active {
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
+}
+.pc-FoldableListBlockItem__arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  color: var(--g-color-text-primary);
+}
+.pc-FoldableListBlockItem__link {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.pc-FoldableListBlockItem__link.pc-FoldableListBlockItem__link a {
+  outline-offset: -2px;
+  border-radius: calc(var(--g-focus-border-radius) + 2px);
+  display: inline-block;
+}
+.pc-FoldableListBlockItem__text {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-top: 12px;
+}

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FoldableListBlockItemProps } from "../../../models/index.js";
+import './FoldableListBlockItem.css';
+export declare const FoldableListBlockItem: ({ title: itemTitle, text: itemText, link, listStyle, isOpened, onClick, }: FoldableListBlockItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionHandlers } from '@gravity-ui/uikit';
+import { Foldable, HTML, ToggleArrow, YFMWrapper } from "../../../components/index.js";
+import Link from "../../../components/Link/Link.js";
+import { block } from "../../../utils/index.js";
+import './FoldableListBlockItem.css';
+const b = block('FoldableListBlockItem');
+export const FoldableListBlockItem = ({ title: itemTitle, text: itemText, link, listStyle = 'dash', isOpened, onClick, }) => {
+    const { onKeyDown } = useActionHandlers(onClick);
+    return (_jsxs("div", { className: b(), itemScope: true, role: 'listitem', children: [_jsxs("button", { className: b('title'), onClick: onClick, "aria-expanded": isOpened, onKeyDown: onKeyDown, children: [_jsx(HTML, { children: itemTitle }), _jsx(ToggleArrow, { open: isOpened, size: 16, type: 'vertical', iconType: "navigation", className: b('arrow') })] }), _jsx(Foldable, { isOpened: isOpened, children: _jsxs("div", { className: b('text'), "aria-hidden": !isOpened, children: [_jsx(YFMWrapper, { content: itemText, modifiers: {
+                                constructor: true,
+                                constructorListStyle: true,
+                                constructorListStyleDash: listStyle === 'dash',
+                            } }), link && _jsx(Link, { ...link, tabIndex: isOpened ? 0 : -1, className: b('link') })] }) })] }));
+};
+//# sourceMappingURL=FoldableListBlockItem.js.map

package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FoldableListBlockItem.js","sourceRoot":"../../../../../src","sources":["blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,qCAA4B;AAC5E,OAAO,IAAI,yCAAsC;AAEjD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,OAAO,GACkB,EAAE,EAAE;IAC7B,MAAM,EAAC,SAAS,EAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,QAAC,IAAI,EAAE,UAAU,aAC3C,kBACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,EACvB,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,cAAE,SAAS,GAAQ,EACxB,KAAC,WAAW,IACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,EACR,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GACvB,IACG,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YACxB,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAe,CAAC,QAAQ,aAC7C,KAAC,UAAU,IACP,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI;gCAC1B,wBAAwB,EAAE,SAAS,KAAK,MAAM;6BACjD,GACH,EACD,IAAI,IAAI,KAAC,IAAI,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,IAC5E,GACC,IACT,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {useActionHandlers} from '@gravity-ui/uikit';\n\nimport {Foldable, HTML, ToggleArrow, YFMWrapper} from '../../../components';\nimport Link from '../../../components/Link/Link';\nimport {FoldableListBlockItemProps} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './FoldableListBlockItem.scss';\n\nconst b = block('FoldableListBlockItem');\n\nexport const FoldableListBlockItem = ({\n title: itemTitle,\n text: itemText,\n link,\n listStyle = 'dash',\n isOpened,\n onClick,\n}: FoldableListBlockItemProps) => {\n const {onKeyDown} = useActionHandlers(onClick);\n\n return (\n <div className={b()} itemScope role={'listitem'}>\n <button\n className={b('title')}\n onClick={onClick}\n aria-expanded={isOpened}\n onKeyDown={onKeyDown}\n >\n <HTML>{itemTitle}</HTML>\n <ToggleArrow\n open={isOpened}\n size={16}\n type={'vertical'}\n iconType=\"navigation\"\n className={b('arrow')}\n />\n </button>\n <Foldable isOpened={isOpened}>\n <div className={b('text')} aria-hidden={!isOpened}>\n <YFMWrapper\n content={itemText}\n modifiers={{\n constructor: true,\n constructorListStyle: true,\n constructorListStyleDash: listStyle === 'dash',\n }}\n />\n {link && <Link {...link} tabIndex={isOpened ? 0 : -1} className={b('link')} />}\n </div>\n </Foldable>\n </div>\n );\n};\n"]}

package/build/esm/blocks/FoldableList/schema.d.ts ADDED Viewed

@@ -0,0 +1,140 @@
+export declare const FoldableListBlock: {
+    'foldable-list-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            text: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            controlPosition: {
+                type: string;
+                enum: string[];
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/esm/blocks/FoldableList/schema.js ADDED Viewed

@@ -0,0 +1,35 @@
+import omit from "lodash/omit.js";
+import { BlockBaseProps, LinkProps } from "../../schema/validators/common.js";
+import { filteredArray } from "../../schema/validators/utils.js";
+import { ContentBase } from "../../sub-blocks/Content/schema.js";
+const FoldableListBlockContentProps = omit(ContentBase, ['size', 'theme']);
+export const FoldableListBlock = {
+    'foldable-list-block': {
+        additionalProperties: false,
+        required: ['title', 'items'],
+        properties: {
+            ...BlockBaseProps,
+            ...FoldableListBlockContentProps,
+            items: filteredArray({
+                type: 'object',
+                required: ['title', 'text'],
+                properties: {
+                    title: {
+                        type: 'string',
+                        contentType: 'text',
+                    },
+                    text: {
+                        type: 'string',
+                        contentType: 'yfm',
+                    },
+                    link: LinkProps,
+                    listStyle: {
+                        type: 'string',
+                        enum: ['dash', 'disk'],
+                    },
+                },
+            }),
+        },
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/FoldableList/schema.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/FoldableList/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,0CAAuC;AACzE,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAAC,WAAW,EAAC,2CAAwC;AAE5D,MAAM,6BAA6B,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,qBAAqB,EAAE;QACnB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,6BAA6B;YAChC,KAAK,EAAE,aAAa,CAAC;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC3B,UAAU,EAAE;oBACR,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,MAAM;qBACtB;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,KAAK;qBACrB;oBACD,IAAI,EAAE,SAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst FoldableListBlockContentProps = omit(ContentBase, ['size', 'theme']);\n\nexport const FoldableListBlock = {\n 'foldable-list-block': {\n additionalProperties: false,\n required: ['title', 'items'],\n properties: {\n ...BlockBaseProps,\n ...FoldableListBlockContentProps,\n items: filteredArray({\n type: 'object',\n required: ['title', 'text'],\n properties: {\n title: {\n type: 'string',\n contentType: 'text',\n },\n text: {\n type: 'string',\n contentType: 'yfm',\n },\n link: LinkProps,\n listStyle: {\n type: 'string',\n enum: ['dash', 'disk'],\n },\n },\n }),\n },\n },\n};\n"]}

package/build/esm/blocks/Form/index.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const FormBlockConfig: {
     schema: {
         name: string;
         group: string;
-        inputs: import("../../../common/types/index.js").ConfigInput[];
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
         default: {
             title: string;
             formData: {};

package/build/esm/blocks/Form/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ const FormBlockConfig = {
     component: FormBlock,
     schema: {
         name: 'Form Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: generateFromAJV(FormBlockSchema['form-block']),
         default: {
             title: 'Form Block',

package/build/esm/blocks/Form/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,SAAS,kBAAe;AAC/B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,MAAM,eAAe,GAAG;IACpB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,~~OAAO~~;~~QACd~~,MAAM,EAAE,eAAe,CAAC,eAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,EAAE;SACf;KACJ;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport FormBlock from './Form';\nimport {FormBlock as FormBlockSchema} from './schema';\n\nconst FormBlockConfig = {\n component: FormBlock,\n schema: {\n name: 'Form Block',\n group: '~~block~~',\n inputs: generateFromAJV(FormBlockSchema['form-block'] as unknown as JSONSchemaType<{}>),\n default: {\n title: 'Form Block',\n formData: {},\n },\n },\n};\n\nexport default FormBlockConfig;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,SAAS,kBAAe;AAC/B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,MAAM,eAAe,GAAG;IACpB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,eAAe,CAAC,eAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,EAAE;SACf;KACJ;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport FormBlock from './Form';\nimport {FormBlock as FormBlockSchema} from './schema';\n\nconst FormBlockConfig = {\n component: FormBlock,\n schema: {\n name: 'Form Block',\n group: '@gravity-ui/page-constructor/Blocks',\n inputs: generateFromAJV(FormBlockSchema['form-block'] as unknown as JSONSchemaType<{}>),\n default: {\n title: 'Form Block',\n formData: {},\n },\n },\n};\n\nexport default FormBlockConfig;\n"]}

package/build/esm/blocks/Header/Header.css CHANGED Viewed

@@ -30,6 +30,9 @@ unpredictable css rules order in build */
 .pc-header-block__content_theme_dark .pc-header-block__description .yfm {
   color: var(--g-color-text-light-primary);
 }
+.pc-header-block__content_theme_dark .pc-header-block__additional-info .yfm p {
+  color: var(--g-color-text-light-secondary) !important; /* stylelint-disable-line declaration-no-important */
+}
 .pc-header-block__content_vertical-offset {
   margin: 16px 0;
 }
@@ -90,6 +93,14 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-3-line-height);
   color: var(--g-color-text-primary);
 }
+.pc-header-block__additional-info {
+  margin-top: 16px;
+}
+.pc-header-block__additional-info .yfm p {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-color-text-secondary) !important; /* stylelint-disable-line declaration-no-important */
+}
 .pc-header-block__buttons {
   margin-top: 16px;
 }
@@ -97,7 +108,7 @@ unpredictable css rules order in build */
   margin-top: 16px;
 }
 .pc-header-block__button.pc-header-block__button:not(:last-child) {
-  margin-right: 16px;
+  margin-right: 12px;
 }
 .pc-header-block__media {

package/build/esm/blocks/Header/Header.js CHANGED Viewed

@@ -22,7 +22,7 @@ const Background = ({ background, isMobile }) => {
 };
 const FullWidthBackground = ({ background }) => (_jsx("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background?.color } }));
 export const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', centered, additionalInfo, } = props;
     const isMobile = React.useContext(MobileContext);
     const theme = useTheme();
     const hasRightSideImage = Boolean((image || video) && !centered);
@@ -53,6 +53,9 @@ export const HeaderBlock = (props) => {
                                         }), children: _jsxs(Col, { sizes: titleSizes, className: b('content-inner', { centered }), children: [overtitle && (_jsx("div", { className: b('overtitle'), children: typeof overtitle === 'string' ? (_jsx(HTML, { children: overtitle })) : (overtitle) })), _jsxs("h1", { className: b('title'), id: titleId, children: [status, renderTitle ? renderTitle(title) : _jsx(HTML, { children: title })] }), description && (_jsx("div", { className: b('description', { theme: textTheme }), children: _jsx(YFMWrapper, { content: description, modifiers: {
                                                             constructor: true,
                                                             constructorTheme: textTheme,
+                                                        } }) })), additionalInfo && (_jsx("div", { className: b('additional-info', { theme: textTheme }), children: _jsx(YFMWrapper, { content: additionalInfo, modifiers: {
+                                                            constructor: true,
+                                                            constructorTheme: textTheme,
                                                         } }) })), buttons && (_jsx("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => (_jsx(RouterLink, { href: button.url, children: _jsx(Button, { className: b('button'), size: "xl", extraProps: {
                                                                 'aria-describedby': titleId,
                                                                 ...button.extraProps,

package/build/esm/blocks/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity /\nimport {useUniqId} from '@gravity-ui/uikit';\nimport as React from 'react';\n\nimport {Button, HTML, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\nimport './Header.scss';\n\nconst b = block('header-block');\n\ntype HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;\n\ninterface BackgroundProps {\n background: HeaderBlockBackground;\n isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n const {url, image, fullWidthMedia, video, color} = background;\n const imageObject = url ? getMediaImage(url) : image;\n const renderMedia = !isMobile \|\| (typeof image === 'object' && 'mobile' in image);\n\n return (\n <div\n className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n style={{backgroundColor: color}}\n >\n {renderMedia && (\n <Media\n {...background}\n className={b('background-media')}\n imageClassName={b('image')}\n videoClassName={b('video')}\n isBackground={true}\n parallax={false}\n video={isMobile ? undefined : video}\n image={imageObject}\n />\n )}\n </div>\n );\n};\n\ninterface FullWidthBackgroundProps {\n background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n <div\n className={b('background', {['full-width']: true})}\n style={{backgroundColor: background?.color}}\n />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n const {\n title,\n overtitle,\n description,\n buttons,\n image,\n video,\n width = 'm',\n imageSize,\n offset = 'default',\n background,\n theme: textTheme = 'light',\n verticalOffset = 'm',\n className,\n breadcrumbs,\n status,\n renderTitle,\n children,\n mediaView = 'full',\n centered,\n } = props;\n const isMobile = React.useContext(MobileContext);\n const theme = useTheme();\n const hasRightSideImage = Boolean((image \|\| video) && !centered);\n const curImageSize = imageSize \|\| getImageSize(width);\n const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n let curVerticalOffset = verticalOffset;\n\n if (hasRightSideImage && !verticalOffset) {\n curVerticalOffset = 'm';\n }\n\n const backgroundThemed = background && getThemedValue(background, theme);\n const imageThemed = image && getThemedValue(image, theme);\n const videoThemed = video && getThemedValue(video, theme);\n const mediaWithMicrodata = mergeVideoMicrodata(\n {video: videoThemed, image: imageThemed},\n {\n name: title,\n description,\n },\n );\n const fullWidth = backgroundThemed?.fullWidth \|\| backgroundThemed?.fullWidthMedia;\n const titleId = useUniqId();\n\n return (\n <header\n className={b(\n {\n ['has-media']: hasRightSideImage,\n ['full-width']: fullWidth,\n ['media-view']: mediaView,\n ['controls-view']: textTheme,\n },\n className,\n )}\n >\n {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n <Grid containerClass={b('container-fluid')}>\n {breadcrumbs && (\n <Row className={b('breadcrumbs')}>\n <Col>\n <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n </Col>\n </Row>\n )}\n <Row>\n <Col reset className={b('content-wrapper')}>\n <Row>\n <Col\n className={b('content', {\n offset,\n theme: textTheme,\n 'vertical-offset': curVerticalOffset,\n })}\n >\n <Col sizes={titleSizes} className={b('content-inner', {centered})}>\n {overtitle && (\n <div className={b('overtitle')}>\n {typeof overtitle === 'string' ? (\n <HTML>{overtitle}</HTML>\n ) : (\n overtitle\n )}\n </div>\n )}\n <h1 className={b('title')} id={titleId}>\n {status}\n {renderTitle ? renderTitle(title) : <HTML>{title}</HTML>}\n </h1>\n {description && (\n <div className={b('description', {theme: textTheme})}>\n <YFMWrapper\n content={description}\n modifiers={{\n constructor: true,\n constructorTheme: textTheme,\n }}\n />\n </div>\n )}\n {buttons && (\n <div className={b('buttons')} data-qa=\"header-buttons\">\n {buttons.map((button, index) => (\n <RouterLink href={button.url} key={index}>\n <Button\n key={index}\n className={b('button')}\n size=\"xl\"\n extraProps={{\n 'aria-describedby': titleId,\n ...button.extraProps,\n }}\n {...button}\n />\n </RouterLink>\n ))}\n </div>\n )}\n {children}\n </Col>\n </Col>\n </Row>\n {hasRightSideImage && (\n <Media\n className={b('media', {[curImageSize]: true})}\n videoClassName={b('video')}\n imageClassName={b('image')}\n {...mediaWithMicrodata}\n />\n )}\n </Col>\n </Row>\n </Grid>\n </header>\n );\n};\n\nexport default HeaderBlock;\n"]}
1	+ {"version":3,"file":"Header.js","sourceRoot":"../../../../src","sources":["blocks/Header/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity /\nimport {useUniqId} from '@gravity-ui/uikit';\nimport as React from 'react';\n\nimport {Button, HTML, Media, RouterLink} from '../../components';\nimport HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {MobileContext} from '../../context/mobileContext';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, Row} from '../../grid';\nimport {ClassNameProps, HeaderBlockBackground, HeaderBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport {getImageSize, getTitleSizes, titleWithImageSizes} from './utils';\nimport './Header.scss';\n\nconst b = block('header-block');\n\ntype HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;\n\ninterface BackgroundProps {\n background: HeaderBlockBackground;\n isMobile: boolean;\n}\n\nconst Background = ({background, isMobile}: BackgroundProps) => {\n const {url, image, fullWidthMedia, video, color} = background;\n const imageObject = url ? getMediaImage(url) : image;\n const renderMedia = !isMobile \|\| (typeof image === 'object' && 'mobile' in image);\n\n return (\n <div\n className={b('background', {media: true, 'full-width-media': fullWidthMedia})}\n style={{backgroundColor: color}}\n >\n {renderMedia && (\n <Media\n {...background}\n className={b('background-media')}\n imageClassName={b('image')}\n videoClassName={b('video')}\n isBackground={true}\n parallax={false}\n video={isMobile ? undefined : video}\n image={imageObject}\n />\n )}\n </div>\n );\n};\n\ninterface FullWidthBackgroundProps {\n background: HeaderBlockBackground;\n}\n\nconst FullWidthBackground = ({background}: FullWidthBackgroundProps) => (\n <div\n className={b('background', {['full-width']: true})}\n style={{backgroundColor: background?.color}}\n />\n);\n\nexport const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>) => {\n const {\n title,\n overtitle,\n description,\n buttons,\n image,\n video,\n width = 'm',\n imageSize,\n offset = 'default',\n background,\n theme: textTheme = 'light',\n verticalOffset = 'm',\n className,\n breadcrumbs,\n status,\n renderTitle,\n children,\n mediaView = 'full',\n centered,\n additionalInfo,\n } = props;\n const isMobile = React.useContext(MobileContext);\n const theme = useTheme();\n const hasRightSideImage = Boolean((image \|\| video) && !centered);\n const curImageSize = imageSize \|\| getImageSize(width);\n const titleSizes = hasRightSideImage ? titleWithImageSizes(curImageSize) : getTitleSizes(width);\n let curVerticalOffset = verticalOffset;\n\n if (hasRightSideImage && !verticalOffset) {\n curVerticalOffset = 'm';\n }\n\n const backgroundThemed = background && getThemedValue(background, theme);\n const imageThemed = image && getThemedValue(image, theme);\n const videoThemed = video && getThemedValue(video, theme);\n const mediaWithMicrodata = mergeVideoMicrodata(\n {video: videoThemed, image: imageThemed},\n {\n name: title,\n description,\n },\n );\n const fullWidth = backgroundThemed?.fullWidth \|\| backgroundThemed?.fullWidthMedia;\n const titleId = useUniqId();\n\n return (\n <header\n className={b(\n {\n ['has-media']: hasRightSideImage,\n ['full-width']: fullWidth,\n ['media-view']: mediaView,\n ['controls-view']: textTheme,\n },\n className,\n )}\n >\n {backgroundThemed && fullWidth && <FullWidthBackground background={backgroundThemed} />}\n {backgroundThemed && <Background background={backgroundThemed} isMobile={isMobile} />}\n <Grid containerClass={b('container-fluid')}>\n {breadcrumbs && (\n <Row className={b('breadcrumbs')}>\n <Col>\n <HeaderBreadcrumbs {...breadcrumbs} theme={textTheme} />\n </Col>\n </Row>\n )}\n <Row>\n <Col reset className={b('content-wrapper')}>\n <Row>\n <Col\n className={b('content', {\n offset,\n theme: textTheme,\n 'vertical-offset': curVerticalOffset,\n })}\n >\n <Col sizes={titleSizes} className={b('content-inner', {centered})}>\n {overtitle && (\n <div className={b('overtitle')}>\n {typeof overtitle === 'string' ? (\n <HTML>{overtitle}</HTML>\n ) : (\n overtitle\n )}\n </div>\n )}\n <h1 className={b('title')} id={titleId}>\n {status}\n {renderTitle ? renderTitle(title) : <HTML>{title}</HTML>}\n </h1>\n {description && (\n <div className={b('description', {theme: textTheme})}>\n <YFMWrapper\n content={description}\n modifiers={{\n constructor: true,\n constructorTheme: textTheme,\n }}\n />\n </div>\n )}\n {additionalInfo && (\n <div className={b('additional-info', {theme: textTheme})}>\n <YFMWrapper\n content={additionalInfo}\n modifiers={{\n constructor: true,\n constructorTheme: textTheme,\n }}\n />\n </div>\n )}\n {buttons && (\n <div className={b('buttons')} data-qa=\"header-buttons\">\n {buttons.map((button, index) => (\n <RouterLink href={button.url} key={index}>\n <Button\n key={index}\n className={b('button')}\n size=\"xl\"\n extraProps={{\n 'aria-describedby': titleId,\n ...button.extraProps,\n }}\n {...button}\n />\n </RouterLink>\n ))}\n </div>\n )}\n {children}\n </Col>\n </Col>\n </Row>\n {hasRightSideImage && (\n <Media\n className={b('media', {[curImageSize]: true})}\n videoClassName={b('video')}\n imageClassName={b('image')}\n {...mediaWithMicrodata}\n />\n )}\n </Col>\n </Row>\n </Grid>\n </header>\n );\n};\n\nexport default HeaderBlock;\n"]}

package/build/esm/blocks/Header/dynamic-form.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { BlockConfig } from "../../../common/types/index.js";
+import { BlockConfig } from "../../common/types/index.js";
 export declare const blockConfig: BlockConfig;

package/build/esm/blocks/Header/dynamic-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["blocks/Header/dynamic-form.ts"],"names":[],"mappings":"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","sourcesContent":["import {BlockConfig, ConfigInput} from '../../../common/types';\nimport {imageInputs} from '../../components/Image/dynamic-form';\nimport {Theme} from '../../models';\n\nconst mediaInputs: ConfigInput[] = [\n {\n type: 'oneOf',\n name: '',\n key: 'mediaType',\n title: 'Media Type',\n options: [\n {\n title: 'Empty',\n value: 'emptyMedia',\n properties: [\n {\n type: 'text',\n name: 'color',\n title: 'Color',\n },\n ],\n },\n {\n title: 'Image',\n value: 'image',\n properties: [\n {\n type: 'oneOf',\n name: 'image',\n key: 'imagesCount',\n title: 'Images Count',\n options: [\n {title: 'Single Image', value: 'singleImage', properties: imageInputs},\n {\n title: 'Multiple Images',\n value: 'multipleImages',\n properties: [\n {\n type: 'array',\n name: '',\n arrayType: 'object',\n title: 'Images',\n properties: imageInputs,\n buttonText: 'Add Image',\n },\n ],\n },\n ],\n },\n ],\n },\n {\n title: 'Youtube',\n value: 'youtube',\n properties: [\n {\n type: 'text',\n name: 'youtube',\n title: 'Youtube',\n },\n {\n type: 'text',\n name: 'previewImg',\n title: 'Preview Image',\n },\n ],\n },\n {\n title: 'Datalens',\n value: 'datalens',\n properties: [],\n },\n {\n title: 'Iframe',\n value: 'iframe',\n properties: [],\n },\n {\n title: 'Video',\n value: 'video',\n properties: [],\n },\n ],\n },\n {\n type: 'boolean',\n name: 'disableImageSliderForArrayInput',\n title: 'Disable Image Slider For Array Input',\n },\n {\n type: 'boolean',\n name: 'parallax',\n title: 'Parallax',\n },\n {\n type: 'number',\n name: 'height',\n title: 'Height',\n },\n {\n type: 'boolean',\n name: 'fullscreen',\n title: 'Fullscreen',\n },\n {\n type: 'number',\n name: 'ratio',\n title: 'Ratio',\n },\n {\n type: 'boolean',\n name: 'margins',\n title: 'Margins',\n },\n];\n\nconst headerBackgroundInputs: ConfigInput[] = [\n {\n type: 'boolean',\n name: 'fullWidthMedia',\n title: 'Full width Media',\n },\n {\n type: 'boolean',\n name: 'fullWidth',\n title: 'Full width',\n },\n];\n\nconst backgroundProperty = (properties: ConfigInput[]): ConfigInput => ({\n type: 'oneOf',\n name: 'background',\n title: 'Background',\n options: [\n {\n value: 'noThemes',\n title: 'No Themes',\n properties: properties,\n },\n {\n value: 'withThemes',\n title: 'With Themes',\n properties: Object.values(Theme).map((theme) => ({\n type: 'object',\n name: theme,\n title: theme,\n properties: properties,\n })),\n },\n ],\n});\n\nexport const blockConfig: BlockConfig = {\n name: 'Header Block',\n inputs: [\n {\n type: 'text',\n name: 'title',\n title: 'Title',\n },\n {\n type: 'text',\n name: 'overtitle',\n title: 'Overtitle',\n },\n {\n type: 'textarea',\n name: 'description',\n title: 'Description',\n },\n backgroundProperty([...mediaInputs, ...headerBackgroundInputs]),\n /* {\n type: 'text',\n name: 'when',\n title: 'when',\n },\n {\n type: 'object',\n name: 'anchor',\n title: 'anchor',\n properties: [\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'urlTitle',\n title: 'urlTitle',\n },\n ],\n },\n {\n type: 'select',\n name: 'visible',\n title: 'visible',\n enum: [\n {\n content: 'sm',\n value: 'sm',\n },\n {\n content: 'md',\n value: 'md',\n },\n {\n content: 'lg',\n value: 'lg',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n {\n content: 'all',\n value: 'all',\n },\n ],\n },\n {\n type: 'text',\n name: 'context',\n title: 'context',\n },\n {\n type: 'object',\n name: 'indent',\n title: 'indent',\n properties: [],\n },\n {\n type: 'select',\n name: 'width',\n title: 'width',\n enum: [\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n ],\n },\n {\n type: 'array',\n name: 'buttons',\n title: 'buttons',\n properties: [\n {\n type: 'text',\n name: 'when',\n title: 'when',\n },\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'urlTitle',\n title: 'urlTitle',\n },\n {\n type: 'select',\n name: 'size',\n title: 'size',\n enum: [\n {\n content: 'xs',\n value: 'xs',\n },\n {\n content: 'ns',\n value: 'ns',\n },\n {\n content: 's',\n value: 's',\n },\n {\n content: 'n',\n value: 'n',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n {\n content: 'head',\n value: 'head',\n },\n {\n content: 'promo',\n value: 'promo',\n },\n ],\n },\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'normal',\n value: 'normal',\n },\n {\n content: 'action',\n value: 'action',\n },\n {\n content: 'outlined',\n value: 'outlined',\n },\n {\n content: 'outlined-info',\n value: 'outlined-info',\n },\n {\n content: 'outlined-danger',\n value: 'outlined-danger',\n },\n {\n content: 'raised',\n value: 'raised',\n },\n {\n content: 'flat',\n value: 'flat',\n },\n {\n content: 'flat-info',\n value: 'flat-info',\n },\n {\n content: 'flat-danger',\n value: 'flat-danger',\n },\n {\n content: 'flat-secondary',\n value: 'flat-secondary',\n },\n {\n content: 'clear',\n value: 'clear',\n },\n {\n content: 'normal-contrast',\n value: 'normal-contrast',\n },\n {\n content: 'outlined-contrast',\n value: 'outlined-contrast',\n },\n {\n content: 'flat-contrast',\n value: 'flat-contrast',\n },\n {\n content: 'link',\n value: 'link',\n },\n {\n content: 'pseudo',\n value: 'pseudo',\n },\n {\n content: 'pseudo-special',\n value: 'pseudo-special',\n },\n {\n content: 'websearch',\n value: 'websearch',\n },\n {\n content: 'normal-dark',\n value: 'normal-dark',\n },\n {\n content: 'normal-special',\n value: 'normal-special',\n },\n {\n content: 'accent',\n value: 'accent',\n },\n {\n content: 'dark-grey',\n value: 'dark-grey',\n },\n {\n content: 'app-store',\n value: 'app-store',\n },\n {\n content: 'google-play',\n value: 'google-play',\n },\n {\n content: 'scale',\n value: 'scale',\n },\n {\n content: 'github',\n value: 'github',\n },\n {\n content: 'monochrome',\n value: 'monochrome',\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'img',\n title: 'img',\n options: [\n {\n value: 'url',\n title: 'url',\n properties: [],\n },\n {\n value: 'options',\n title: 'options',\n properties: [],\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'analyticsEvents',\n title: 'analyticsEvents',\n options: [\n {\n value: 'single',\n title: 'single',\n properties: [\n {\n type: 'text',\n name: 'additionalProperties',\n title: 'additionalProperties',\n },\n ],\n },\n {\n value: 'list',\n title: 'list',\n properties: [\n {\n type: 'object',\n name: 'items',\n title: 'items',\n properties: [\n {\n type: 'text',\n name: 'name',\n title: 'name',\n },\n {\n type: 'text',\n name: 'type',\n title: 'type',\n },\n {\n type: 'object',\n name: 'counters',\n title: 'counters',\n properties: [],\n },\n {\n type: 'text',\n name: 'context',\n title: 'context',\n },\n ],\n },\n ],\n },\n ],\n },\n {\n type: 'select',\n name: 'target',\n title: 'target',\n enum: [\n {\n content: '_self',\n value: '_self',\n },\n {\n content: '_blank',\n value: '_blank',\n },\n {\n content: '_parent',\n value: '_parent',\n },\n {\n content: '_top',\n value: '_top',\n },\n ],\n },\n {\n type: 'select',\n name: 'width',\n title: 'width',\n enum: [\n {\n content: 'auto',\n value: 'auto',\n },\n {\n content: 'max',\n value: 'max',\n },\n ],\n },\n ],\n },\n {\n type: 'select',\n name: 'offset',\n title: 'offset',\n enum: [\n {\n content: 'default',\n value: 'default',\n },\n {\n content: 'large',\n value: 'large',\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'image',\n title: 'image',\n options: [\n {\n value: 'no theme',\n title: 'no theme',\n properties: [],\n },\n {\n value: 'themes',\n title: 'themes',\n properties: [],\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'video',\n title: 'video',\n options: [\n {\n value: 'no theme',\n title: 'no theme',\n properties: [],\n },\n {\n value: 'themes',\n title: 'themes',\n properties: [],\n },\n ],\n },\n {\n type: 'select',\n name: 'mediaView',\n title: 'mediaView',\n enum: [\n {\n content: 'fit',\n value: 'fit',\n },\n {\n content: 'full',\n value: 'full',\n },\n ],\n },\n {\n type: 'object',\n name: 'backLink',\n title: 'backLink',\n properties: [\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'title',\n title: 'title',\n },\n ],\n },\n {\n type: 'select',\n name: 'imageSize',\n title: 'imageSize',\n enum: [\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n ],\n },\n {\n type: 'select',\n name: 'verticalOffset',\n title: 'verticalOffset',\n enum: [\n {\n content: '0',\n value: '0',\n },\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n ],\n },\n\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'default',\n value: 'default',\n },\n {\n content: 'dark',\n value: 'dark',\n },\n ],\n },\n {\n type: 'object',\n name: 'breadcrumbs',\n title: 'breadcrumbs',\n properties: [\n {\n type: 'array',\n name: 'items',\n title: 'items',\n properties: [\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n ],\n },\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'light',\n value: 'light',\n },\n {\n content: 'dark',\n value: 'dark',\n },\n ],\n },\n ],\n },\n {\n type: 'text',\n name: 'status',\n title: 'status',\n },*/\n ],\n};\n"]}
1	+ {"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["blocks/Header/dynamic-form.ts"],"names":[],"mappings":"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","sourcesContent":["import {BlockConfig, ConfigInput} from '../../common/types';\nimport {imageInputs} from '../../components/Image/dynamic-form';\nimport {Theme} from '../../models';\n\nconst mediaInputs: ConfigInput[] = [\n {\n type: 'oneOf',\n name: '',\n key: 'mediaType',\n title: 'Media Type',\n options: [\n {\n title: 'Empty',\n value: 'emptyMedia',\n properties: [\n {\n type: 'text',\n name: 'color',\n title: 'Color',\n },\n ],\n },\n {\n title: 'Image',\n value: 'image',\n properties: [\n {\n type: 'oneOf',\n name: 'image',\n key: 'imagesCount',\n title: 'Images Count',\n options: [\n {title: 'Single Image', value: 'singleImage', properties: imageInputs},\n {\n title: 'Multiple Images',\n value: 'multipleImages',\n properties: [\n {\n type: 'array',\n name: '',\n arrayType: 'object',\n title: 'Images',\n properties: imageInputs,\n buttonText: 'Add Image',\n },\n ],\n },\n ],\n },\n ],\n },\n {\n title: 'Youtube',\n value: 'youtube',\n properties: [\n {\n type: 'text',\n name: 'youtube',\n title: 'Youtube',\n },\n {\n type: 'text',\n name: 'previewImg',\n title: 'Preview Image',\n },\n ],\n },\n {\n title: 'Datalens',\n value: 'datalens',\n properties: [],\n },\n {\n title: 'Iframe',\n value: 'iframe',\n properties: [],\n },\n {\n title: 'Video',\n value: 'video',\n properties: [],\n },\n ],\n },\n {\n type: 'boolean',\n name: 'disableImageSliderForArrayInput',\n title: 'Disable Image Slider For Array Input',\n },\n {\n type: 'boolean',\n name: 'parallax',\n title: 'Parallax',\n },\n {\n type: 'number',\n name: 'height',\n title: 'Height',\n },\n {\n type: 'boolean',\n name: 'fullscreen',\n title: 'Fullscreen',\n },\n {\n type: 'number',\n name: 'ratio',\n title: 'Ratio',\n },\n {\n type: 'boolean',\n name: 'margins',\n title: 'Margins',\n },\n];\n\nconst headerBackgroundInputs: ConfigInput[] = [\n {\n type: 'boolean',\n name: 'fullWidthMedia',\n title: 'Full width Media',\n },\n {\n type: 'boolean',\n name: 'fullWidth',\n title: 'Full width',\n },\n];\n\nconst backgroundProperty = (properties: ConfigInput[]): ConfigInput => ({\n type: 'oneOf',\n name: 'background',\n title: 'Background',\n options: [\n {\n value: 'noThemes',\n title: 'No Themes',\n properties: properties,\n },\n {\n value: 'withThemes',\n title: 'With Themes',\n properties: Object.values(Theme).map((theme) => ({\n type: 'object',\n name: theme,\n title: theme,\n properties: properties,\n })),\n },\n ],\n});\n\nexport const blockConfig: BlockConfig = {\n name: 'Header Block',\n inputs: [\n {\n type: 'text',\n name: 'title',\n title: 'Title',\n },\n {\n type: 'text',\n name: 'overtitle',\n title: 'Overtitle',\n },\n {\n type: 'textarea',\n name: 'description',\n title: 'Description',\n },\n backgroundProperty([...mediaInputs, ...headerBackgroundInputs]),\n /* {\n type: 'text',\n name: 'when',\n title: 'when',\n },\n {\n type: 'object',\n name: 'anchor',\n title: 'anchor',\n properties: [\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'urlTitle',\n title: 'urlTitle',\n },\n ],\n },\n {\n type: 'select',\n name: 'visible',\n title: 'visible',\n enum: [\n {\n content: 'sm',\n value: 'sm',\n },\n {\n content: 'md',\n value: 'md',\n },\n {\n content: 'lg',\n value: 'lg',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n {\n content: 'all',\n value: 'all',\n },\n ],\n },\n {\n type: 'text',\n name: 'context',\n title: 'context',\n },\n {\n type: 'object',\n name: 'indent',\n title: 'indent',\n properties: [],\n },\n {\n type: 'select',\n name: 'width',\n title: 'width',\n enum: [\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n ],\n },\n {\n type: 'array',\n name: 'buttons',\n title: 'buttons',\n properties: [\n {\n type: 'text',\n name: 'when',\n title: 'when',\n },\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'urlTitle',\n title: 'urlTitle',\n },\n {\n type: 'select',\n name: 'size',\n title: 'size',\n enum: [\n {\n content: 'xs',\n value: 'xs',\n },\n {\n content: 'ns',\n value: 'ns',\n },\n {\n content: 's',\n value: 's',\n },\n {\n content: 'n',\n value: 'n',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n {\n content: 'head',\n value: 'head',\n },\n {\n content: 'promo',\n value: 'promo',\n },\n ],\n },\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'normal',\n value: 'normal',\n },\n {\n content: 'action',\n value: 'action',\n },\n {\n content: 'outlined',\n value: 'outlined',\n },\n {\n content: 'outlined-info',\n value: 'outlined-info',\n },\n {\n content: 'outlined-danger',\n value: 'outlined-danger',\n },\n {\n content: 'raised',\n value: 'raised',\n },\n {\n content: 'flat',\n value: 'flat',\n },\n {\n content: 'flat-info',\n value: 'flat-info',\n },\n {\n content: 'flat-danger',\n value: 'flat-danger',\n },\n {\n content: 'flat-secondary',\n value: 'flat-secondary',\n },\n {\n content: 'clear',\n value: 'clear',\n },\n {\n content: 'normal-contrast',\n value: 'normal-contrast',\n },\n {\n content: 'outlined-contrast',\n value: 'outlined-contrast',\n },\n {\n content: 'flat-contrast',\n value: 'flat-contrast',\n },\n {\n content: 'link',\n value: 'link',\n },\n {\n content: 'pseudo',\n value: 'pseudo',\n },\n {\n content: 'pseudo-special',\n value: 'pseudo-special',\n },\n {\n content: 'websearch',\n value: 'websearch',\n },\n {\n content: 'normal-dark',\n value: 'normal-dark',\n },\n {\n content: 'normal-special',\n value: 'normal-special',\n },\n {\n content: 'accent',\n value: 'accent',\n },\n {\n content: 'dark-grey',\n value: 'dark-grey',\n },\n {\n content: 'app-store',\n value: 'app-store',\n },\n {\n content: 'google-play',\n value: 'google-play',\n },\n {\n content: 'scale',\n value: 'scale',\n },\n {\n content: 'github',\n value: 'github',\n },\n {\n content: 'monochrome',\n value: 'monochrome',\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'img',\n title: 'img',\n options: [\n {\n value: 'url',\n title: 'url',\n properties: [],\n },\n {\n value: 'options',\n title: 'options',\n properties: [],\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'analyticsEvents',\n title: 'analyticsEvents',\n options: [\n {\n value: 'single',\n title: 'single',\n properties: [\n {\n type: 'text',\n name: 'additionalProperties',\n title: 'additionalProperties',\n },\n ],\n },\n {\n value: 'list',\n title: 'list',\n properties: [\n {\n type: 'object',\n name: 'items',\n title: 'items',\n properties: [\n {\n type: 'text',\n name: 'name',\n title: 'name',\n },\n {\n type: 'text',\n name: 'type',\n title: 'type',\n },\n {\n type: 'object',\n name: 'counters',\n title: 'counters',\n properties: [],\n },\n {\n type: 'text',\n name: 'context',\n title: 'context',\n },\n ],\n },\n ],\n },\n ],\n },\n {\n type: 'select',\n name: 'target',\n title: 'target',\n enum: [\n {\n content: '_self',\n value: '_self',\n },\n {\n content: '_blank',\n value: '_blank',\n },\n {\n content: '_parent',\n value: '_parent',\n },\n {\n content: '_top',\n value: '_top',\n },\n ],\n },\n {\n type: 'select',\n name: 'width',\n title: 'width',\n enum: [\n {\n content: 'auto',\n value: 'auto',\n },\n {\n content: 'max',\n value: 'max',\n },\n ],\n },\n ],\n },\n {\n type: 'select',\n name: 'offset',\n title: 'offset',\n enum: [\n {\n content: 'default',\n value: 'default',\n },\n {\n content: 'large',\n value: 'large',\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'image',\n title: 'image',\n options: [\n {\n value: 'no theme',\n title: 'no theme',\n properties: [],\n },\n {\n value: 'themes',\n title: 'themes',\n properties: [],\n },\n ],\n },\n {\n type: 'oneOf',\n name: 'video',\n title: 'video',\n options: [\n {\n value: 'no theme',\n title: 'no theme',\n properties: [],\n },\n {\n value: 'themes',\n title: 'themes',\n properties: [],\n },\n ],\n },\n {\n type: 'select',\n name: 'mediaView',\n title: 'mediaView',\n enum: [\n {\n content: 'fit',\n value: 'fit',\n },\n {\n content: 'full',\n value: 'full',\n },\n ],\n },\n {\n type: 'object',\n name: 'backLink',\n title: 'backLink',\n properties: [\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'title',\n title: 'title',\n },\n ],\n },\n {\n type: 'select',\n name: 'imageSize',\n title: 'imageSize',\n enum: [\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n ],\n },\n {\n type: 'select',\n name: 'verticalOffset',\n title: 'verticalOffset',\n enum: [\n {\n content: '0',\n value: '0',\n },\n {\n content: 's',\n value: 's',\n },\n {\n content: 'm',\n value: 'm',\n },\n {\n content: 'l',\n value: 'l',\n },\n {\n content: 'xl',\n value: 'xl',\n },\n ],\n },\n\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'default',\n value: 'default',\n },\n {\n content: 'dark',\n value: 'dark',\n },\n ],\n },\n {\n type: 'object',\n name: 'breadcrumbs',\n title: 'breadcrumbs',\n properties: [\n {\n type: 'array',\n name: 'items',\n title: 'items',\n properties: [\n {\n type: 'text',\n name: 'url',\n title: 'url',\n },\n {\n type: 'text',\n name: 'text',\n title: 'text',\n },\n ],\n },\n {\n type: 'select',\n name: 'theme',\n title: 'theme',\n enum: [\n {\n content: 'light',\n value: 'light',\n },\n {\n content: 'dark',\n value: 'dark',\n },\n ],\n },\n ],\n },\n {\n type: 'text',\n name: 'status',\n title: 'status',\n },*/\n ],\n};\n"]}

package/build/esm/blocks/Header/index.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const HeaderBlockConfig: {
     schema: {
         name: string;
         group: string;
-        inputs: import("../../../common/types/index.js").ConfigInput[];
+        inputs: import("../../editor-v2/index.js").ConfigInput[];
         default: {
             type: string;
             title: string;

package/build/esm/blocks/Header/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ const HeaderBlockConfig = {
     component: HeaderBlock,
     schema: {
         name: 'Header Block',
-        group: 'block',
+        group: '@gravity-ui/page-constructor/Blocks',
         inputs: generateFromAJV(HeaderBlockSchema['header-block']),
         default: {
             type: 'header-block',