@gravity-ui/page-constructor 8.4.0 → 8.4.1
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.
- package/build/cjs/blocks/Hero/Hero.css +4 -10
- package/build/cjs/blocks/Hero/Hero.js +0 -1
- package/build/cjs/blocks/Hero/Hero.js.map +1 -1
- package/build/esm/blocks/Hero/Hero.css +4 -10
- package/build/esm/blocks/Hero/Hero.js +0 -1
- package/build/esm/blocks/Hero/Hero.js.map +1 -1
- package/package.json +1 -1
- package/widget/index.js +1 -1
|
@@ -65,9 +65,6 @@ unpredictable css rules order in build */
|
|
|
65
65
|
.pc-hero-block__content_vertical-offset_xl {
|
|
66
66
|
padding-block: 160px;
|
|
67
67
|
}
|
|
68
|
-
.pc-hero-block__content_no-media {
|
|
69
|
-
width: 100%;
|
|
70
|
-
}
|
|
71
68
|
.pc-hero-block__content-overtitle {
|
|
72
69
|
margin-bottom: 8px;
|
|
73
70
|
}
|
|
@@ -154,33 +151,30 @@ unpredictable css rules order in build */
|
|
|
154
151
|
.pc-hero-block__content {
|
|
155
152
|
grid-column: span 7;
|
|
156
153
|
}
|
|
157
|
-
.pc-hero-block__content_no-media {
|
|
158
|
-
grid-column: span 12;
|
|
159
|
-
}
|
|
160
154
|
.pc-hero-block__media {
|
|
161
155
|
grid-column: span 5;
|
|
162
156
|
}
|
|
163
157
|
}
|
|
164
158
|
@media (max-width: 769px) {
|
|
165
159
|
.pc-hero-block__wrapper {
|
|
160
|
+
gap: 0;
|
|
166
161
|
padding-block: 20px 24px;
|
|
167
162
|
}
|
|
168
163
|
.pc-hero-block__breadcrumbs {
|
|
164
|
+
position: initial;
|
|
169
165
|
grid-column: span 12;
|
|
170
166
|
order: 1;
|
|
171
|
-
|
|
167
|
+
margin-bottom: 16px;
|
|
172
168
|
}
|
|
173
169
|
.pc-hero-block__content {
|
|
174
170
|
grid-column: span 12;
|
|
175
171
|
order: 3;
|
|
176
|
-
|
|
177
|
-
padding-block: 0 16px;
|
|
172
|
+
padding-block: 16px;
|
|
178
173
|
padding-inline: 0;
|
|
179
174
|
}
|
|
180
175
|
.pc-hero-block__media {
|
|
181
176
|
grid-column: span 12;
|
|
182
177
|
order: 2;
|
|
183
|
-
width: 100%;
|
|
184
178
|
padding-block: 0;
|
|
185
179
|
}
|
|
186
180
|
.pc-hero-block__media-container {
|
|
@@ -37,7 +37,6 @@ const Hero = (props) => {
|
|
|
37
37
|
['full-width']: fullWidth,
|
|
38
38
|
}), imageClassName: b('background-image'), videoClassName: b('background-video'), ...background, isBackground: true })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(components_1.HeaderBreadcrumbs, { className: b('breadcrumbs'), ...breadcrumbs, theme: theme })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
|
|
39
39
|
['vertical-offset']: verticalOffset,
|
|
40
|
-
['no-media']: !media,
|
|
41
40
|
}), children: [overtitle && ((0, jsx_runtime_1.jsx)("div", { className: b('content-overtitle', { theme }), children: typeof overtitle === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "span", content: overtitle, modifiers: {
|
|
42
41
|
constructor: true,
|
|
43
42
|
constructorTheme: theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAAsE;AACtE,kDAA4C;AAC5C,wDAA6C;AAC7C,kFAAgE;AAChE,8CAAgC;AAEhC,0DAAyC;AACzC,gDAAkD;AAElD,sCAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,IAAI,GAAG,CAAC,KAAqB,EAAE,EAAE;IACnC,MAAM,EACF,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,cAAc,GAAG,GAAG,EACpB,KAAK,EAAE,YAAY,GAAG,SAAS,EAC/B,UAAU,EAAE,gBAAgB,EAC5B,GAAG,YAAY,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,QAAQ,CAAC,CAAC;IAEjF,MAAM,EAAC,WAAW,EAAE,yBAAyB,EAAE,GAAG,EAAE,iBAAiB,EAAC,GAClE,IAAA,+BAAuB,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,mCAAc,GAAE,GAAG,uBAAW,CAAC,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,gBAAgB,GAAG,yBAAyB,CAAC;IAErE,MAAM,YAAY,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAChC,MAAM,KAAK,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAE,YAAsB,CAAC;IAElF,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,sBAAc,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CACD,OAAO,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;QAC1B,IAAI,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,OAAO,YAAY,CAAC;QACxB,CAAC;QAED,MAAM,MAAM,GAAG,IAAA,sBAAc,EAAC,YAAY,EAAE,KAAK,CAAgB,CAAC;QAElE,OAAO;YACH,IAAI,EAAE,IAAI;YACV,GAAG,MAAM;SACZ,CAAC;IACN,CAAC,CAAC,EACN,CAAC,OAAO,EAAE,KAAK,CAAC,CACnB,CAAC;IAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,EAAC,KAAK,EAAE,MAAM,EAAkC,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,GAAG,MAAM,CAAC,EACzF,EAAE,CACL,CAAC;IAEF,OAAO,CACH,oCAAQ,SAAS,EAAE,CAAC,EAAE,aACjB,UAAU,IAAI,CACX,uBAAC,kBAAK,IACF,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE;oBACvB,CAAC,YAAY,CAAC,EAAE,SAAS;iBAC5B,CAAC,EACF,cAAc,EAAE,CAAC,CAAC,kBAAkB,CAAC,EACrC,cAAc,EAAE,CAAC,CAAC,kBAAkB,CAAC,KACjC,UAAU,EACd,YAAY,SACd,CACL,EACD,uBAAC,WAAI,cACD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,WAAW,IAAI,CACZ,uBAAC,8BAAiB,IACd,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,KACvB,WAAW,EACf,KAAK,EAAE,KAAK,GACd,CACL,EACD,iCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;gCACpB,CAAC,iBAAiB,CAAC,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {HeaderBreadcrumbs, Media, YFMWrapper} from '../../components';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {Grid} from '../../grid';\nimport {ButtonProps, HeroBlockProps, Theme} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport {useContainerAspectRatio} from './hooks';\n\nimport './Hero.scss';\n\nconst b = block('hero-block');\n\nconst Hero = (props: HeroBlockProps) => {\n const {\n breadcrumbs,\n overtitle,\n buttons,\n media: themedMedia,\n fullWidth,\n verticalOffset = 'm',\n theme: contentTheme = 'default',\n background: themedBackground,\n ...contentProps\n } = props;\n\n const [mediaAspectRatio, setMediaAspectRatio] = React.useState<number>(Infinity);\n\n const {aspectRatio: mediaContainerAspectRatio, ref: mediaContainerRef} =\n useContainerAspectRatio();\n\n const isDesktop = useWindowWidth() > BREAKPOINTS.md;\n const isMediaVertical = mediaAspectRatio < mediaContainerAspectRatio;\n\n const contextTheme = useTheme();\n const theme = contentTheme === 'default' ? contextTheme : (contentTheme as Theme);\n\n const background = getThemedValue(themedBackground, theme);\n const media = getThemedValue(themedMedia, theme);\n\n const buttonProps = React.useMemo<(ButtonProps | React.ReactNode)[] | undefined>(\n () =>\n buttons?.map((buttonThemed) => {\n if (React.isValidElement(buttonThemed)) {\n return buttonThemed;\n }\n\n const button = getThemedValue(buttonThemed, theme) as ButtonProps;\n\n return {\n size: 'xl',\n ...button,\n };\n }),\n [buttons, theme],\n );\n\n const onMediaIntrinsicSizeChange = React.useCallback(\n ({width, height}: {width: number; height: number}) => setMediaAspectRatio(width / height),\n [],\n );\n\n return (\n <header className={b()}>\n {background && (\n <Media\n className={b('background', {\n ['full-width']: fullWidth,\n })}\n imageClassName={b('background-image')}\n videoClassName={b('background-video')}\n {...background}\n isBackground\n />\n )}\n <Grid>\n <div className={b('wrapper')}>\n {breadcrumbs && (\n <HeaderBreadcrumbs\n className={b('breadcrumbs')}\n {...breadcrumbs}\n theme={theme}\n />\n )}\n <div\n className={b('content', {\n ['vertical-offset']: verticalOffset,\n })}\n >\n {overtitle && (\n <div className={b('content-overtitle', {theme})}>\n {typeof overtitle === 'string' ? (\n <YFMWrapper\n tagName=\"span\"\n content={overtitle}\n modifiers={{\n constructor: true,\n constructorTheme: theme,\n }}\n />\n ) : (\n overtitle\n )}\n </div>\n )}\n <Content\n size=\"xl\"\n colSizes={{all: 12}}\n {...contentProps}\n buttons={buttonProps}\n theme={contentTheme}\n />\n </div>\n {media && (\n <div className={b('media')}>\n <div className={b('media-container')} ref={mediaContainerRef}>\n <Media\n className={b('media-container-content', {\n ['round-corners']: media.roundCorners ?? true,\n vertical: isDesktop && isMediaVertical,\n })}\n {...media}\n disablePlayerAutoSizing\n onIntrinsicSizeChange={onMediaIntrinsicSizeChange}\n />\n </div>\n </div>\n )}\n </div>\n </Grid>\n </header>\n );\n};\n\nexport default Hero;\n"]}
|
|
@@ -65,9 +65,6 @@ unpredictable css rules order in build */
|
|
|
65
65
|
.pc-hero-block__content_vertical-offset_xl {
|
|
66
66
|
padding-block: 160px;
|
|
67
67
|
}
|
|
68
|
-
.pc-hero-block__content_no-media {
|
|
69
|
-
width: 100%;
|
|
70
|
-
}
|
|
71
68
|
.pc-hero-block__content-overtitle {
|
|
72
69
|
margin-bottom: 8px;
|
|
73
70
|
}
|
|
@@ -154,33 +151,30 @@ unpredictable css rules order in build */
|
|
|
154
151
|
.pc-hero-block__content {
|
|
155
152
|
grid-column: span 7;
|
|
156
153
|
}
|
|
157
|
-
.pc-hero-block__content_no-media {
|
|
158
|
-
grid-column: span 12;
|
|
159
|
-
}
|
|
160
154
|
.pc-hero-block__media {
|
|
161
155
|
grid-column: span 5;
|
|
162
156
|
}
|
|
163
157
|
}
|
|
164
158
|
@media (max-width: 769px) {
|
|
165
159
|
.pc-hero-block__wrapper {
|
|
160
|
+
gap: 0;
|
|
166
161
|
padding-block: 20px 24px;
|
|
167
162
|
}
|
|
168
163
|
.pc-hero-block__breadcrumbs {
|
|
164
|
+
position: initial;
|
|
169
165
|
grid-column: span 12;
|
|
170
166
|
order: 1;
|
|
171
|
-
|
|
167
|
+
margin-bottom: 16px;
|
|
172
168
|
}
|
|
173
169
|
.pc-hero-block__content {
|
|
174
170
|
grid-column: span 12;
|
|
175
171
|
order: 3;
|
|
176
|
-
|
|
177
|
-
padding-block: 0 16px;
|
|
172
|
+
padding-block: 16px;
|
|
178
173
|
padding-inline: 0;
|
|
179
174
|
}
|
|
180
175
|
.pc-hero-block__media {
|
|
181
176
|
grid-column: span 12;
|
|
182
177
|
order: 2;
|
|
183
|
-
width: 100%;
|
|
184
178
|
padding-block: 0;
|
|
185
179
|
}
|
|
186
180
|
.pc-hero-block__media-container {
|
|
@@ -35,7 +35,6 @@ const Hero = (props) => {
|
|
|
35
35
|
['full-width']: fullWidth,
|
|
36
36
|
}), imageClassName: b('background-image'), videoClassName: b('background-video'), ...background, isBackground: true })), _jsx(Grid, { children: _jsxs("div", { className: b('wrapper'), children: [breadcrumbs && (_jsx(HeaderBreadcrumbs, { className: b('breadcrumbs'), ...breadcrumbs, theme: theme })), _jsxs("div", { className: b('content', {
|
|
37
37
|
['vertical-offset']: verticalOffset,
|
|
38
|
-
['no-media']: !media,
|
|
39
38
|
}), children: [overtitle && (_jsx("div", { className: b('content-overtitle', { theme }), children: typeof overtitle === 'string' ? (_jsx(YFMWrapper, { tagName: "span", content: overtitle, modifiers: {
|
|
40
39
|
constructor: true,
|
|
41
40
|
constructorTheme: theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Hero.js","sourceRoot":"../../../../src","sources":["blocks/Hero/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {HeaderBreadcrumbs, Media, YFMWrapper} from '../../components';\nimport {BREAKPOINTS} from '../../constants';\nimport {useTheme} from '../../context/theme';\nimport {useWindowWidth} from '../../context/windowWidthContext';\nimport {Grid} from '../../grid';\nimport {ButtonProps, HeroBlockProps, Theme} from '../../models';\nimport {Content} from '../../sub-blocks';\nimport {block, getThemedValue} from '../../utils';\n\nimport {useContainerAspectRatio} from './hooks';\n\nimport './Hero.scss';\n\nconst b = block('hero-block');\n\nconst Hero = (props: HeroBlockProps) => {\n const {\n breadcrumbs,\n overtitle,\n buttons,\n media: themedMedia,\n fullWidth,\n verticalOffset = 'm',\n theme: contentTheme = 'default',\n background: themedBackground,\n ...contentProps\n } = props;\n\n const [mediaAspectRatio, setMediaAspectRatio] = React.useState<number>(Infinity);\n\n const {aspectRatio: mediaContainerAspectRatio, ref: mediaContainerRef} =\n useContainerAspectRatio();\n\n const isDesktop = useWindowWidth() > BREAKPOINTS.md;\n const isMediaVertical = mediaAspectRatio < mediaContainerAspectRatio;\n\n const contextTheme = useTheme();\n const theme = contentTheme === 'default' ? contextTheme : (contentTheme as Theme);\n\n const background = getThemedValue(themedBackground, theme);\n const media = getThemedValue(themedMedia, theme);\n\n const buttonProps = React.useMemo<(ButtonProps | React.ReactNode)[] | undefined>(\n () =>\n buttons?.map((buttonThemed) => {\n if (React.isValidElement(buttonThemed)) {\n return buttonThemed;\n }\n\n const button = getThemedValue(buttonThemed, theme) as ButtonProps;\n\n return {\n size: 'xl',\n ...button,\n };\n }),\n [buttons, theme],\n );\n\n const onMediaIntrinsicSizeChange = React.useCallback(\n ({width, height}: {width: number; height: number}) => setMediaAspectRatio(width / height),\n [],\n );\n\n return (\n <header className={b()}>\n {background && (\n <Media\n className={b('background', {\n ['full-width']: fullWidth,\n })}\n imageClassName={b('background-image')}\n videoClassName={b('background-video')}\n {...background}\n isBackground\n />\n )}\n <Grid>\n <div className={b('wrapper')}>\n {breadcrumbs && (\n <HeaderBreadcrumbs\n className={b('breadcrumbs')}\n {...breadcrumbs}\n theme={theme}\n />\n )}\n <div\n className={b('content', {\n ['vertical-offset']: verticalOffset,\n })}\n >\n {overtitle && (\n <div className={b('content-overtitle', {theme})}>\n {typeof overtitle === 'string' ? (\n <YFMWrapper\n tagName=\"span\"\n content={overtitle}\n modifiers={{\n constructor: true,\n constructorTheme: theme,\n }}\n />\n ) : (\n overtitle\n )}\n </div>\n )}\n <Content\n size=\"xl\"\n colSizes={{all: 12}}\n {...contentProps}\n buttons={buttonProps}\n theme={contentTheme}\n />\n </div>\n {media && (\n <div className={b('media')}>\n <div className={b('media-container')} ref={mediaContainerRef}>\n <Media\n className={b('media-container-content', {\n ['round-corners']: media.roundCorners ?? true,\n vertical: isDesktop && isMediaVertical,\n })}\n {...media}\n disablePlayerAutoSizing\n onIntrinsicSizeChange={onMediaIntrinsicSizeChange}\n />\n </div>\n </div>\n )}\n </div>\n </Grid>\n </header>\n );\n};\n\nexport default Hero;\n"]}
|
package/package.json
CHANGED
package/widget/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[
|
|
1
|
+
export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[1349],{31349:function(_,t,Y){_.exports=function(_){\"use strict\";function t(_){return _&&\"object\"==typeof _&&\"default\"in _?_:{default:_}}var Y=t(_),e={name:\"zh-tw\",weekdays:\"星期日_星期一_星期二_星期三_星期四_星期五_星期六\".split(\"_\"),weekdaysShort:\"週日_週一_週二_週三_週四_週五_週六\".split(\"_\"),weekdaysMin:\"日_一_二_三_四_五_六\".split(\"_\"),months:\"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月\".split(\"_\"),monthsShort:\"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月\".split(\"_\"),ordinal:function(_,t){return\"W\"===t?_+\"週\":_+\"日\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"YYYY/MM/DD\",LL:\"YYYY年M月D日\",LLL:\"YYYY年M月D日 HH:mm\",LLLL:\"YYYY年M月D日dddd HH:mm\",l:\"YYYY/M/D\",ll:\"YYYY年M月D日\",lll:\"YYYY年M月D日 HH:mm\",llll:\"YYYY年M月D日dddd HH:mm\"},relativeTime:{future:\"%s內\",past:\"%s前\",s:\"幾秒\",m:\"1 分鐘\",mm:\"%d 分鐘\",h:\"1 小時\",hh:\"%d 小時\",d:\"1 天\",dd:\"%d 天\",M:\"1 個月\",MM:\"%d 個月\",y:\"1 年\",yy:\"%d 年\"},meridiem:function(_,t){var Y=100*_+t;return Y<600?\"凌晨\":Y<900?\"早上\":Y<1100?\"上午\":Y<1300?\"中午\":Y<1800?\"下午\":\"晚上\"}};return Y.default.locale(e,null,!0),e}(Y(74353))}}]);";
|