@gravity-ui/blog-constructor 10.0.1-alpha.0 → 10.0.1-alpha.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/components/FeedHeader/components/Controls/Controls.css +14 -10
- package/build/cjs/components/FeedHeader/components/Controls/Controls.js +3 -3
- package/build/cjs/components/FeedHeader/components/Controls/Controls.js.map +1 -1
- package/build/cjs/components/FeedHeader/components/FilterControl/FilterControl.css +2 -4
- package/build/esm/components/FeedHeader/components/Controls/Controls.css +14 -10
- package/build/esm/components/FeedHeader/components/Controls/Controls.js +3 -3
- package/build/esm/components/FeedHeader/components/Controls/Controls.js.map +1 -1
- package/build/esm/components/FeedHeader/components/FilterControl/FilterControl.css +2 -4
- package/package.json +1 -1
|
@@ -5,23 +5,27 @@ unpredictable css rules order in build */
|
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
border-radius: var(--bc-border-radius);
|
|
8
|
-
padding-bottom:
|
|
8
|
+
padding-bottom: 32px;
|
|
9
9
|
z-index: 10;
|
|
10
10
|
}
|
|
11
|
-
.bc-feed-controls__header-
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
flex-wrap: wrap;
|
|
15
|
-
}
|
|
16
|
-
.bc-feed-controls__header-item_title {
|
|
11
|
+
.bc-feed-controls__header-title {
|
|
17
12
|
font-size: var(--g-text-display-4-font-size);
|
|
18
13
|
line-height: var(--g-text-display-4-line-height);
|
|
14
|
+
text-align: center;
|
|
19
15
|
padding-top: 112px;
|
|
20
16
|
padding-bottom: 96px;
|
|
21
17
|
}
|
|
22
|
-
.bc-feed-controls__header-
|
|
18
|
+
.bc-feed-controls__header-title.bc-feed-controls__header-item_reset-margin {
|
|
23
19
|
margin: 0;
|
|
24
20
|
}
|
|
25
|
-
.bc-feed-controls__header-
|
|
26
|
-
|
|
21
|
+
.bc-feed-controls__header-filters {
|
|
22
|
+
display: flex;
|
|
23
|
+
gap: 16px;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
}
|
|
26
|
+
.bc-feed-controls__header-filters-row {
|
|
27
|
+
display: flex;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
flex-wrap: wrap;
|
|
30
|
+
gap: 16px;
|
|
27
31
|
}
|
|
@@ -14,9 +14,9 @@ const DEFAULT_PAGE = 1;
|
|
|
14
14
|
const Controls = ({ handleLoadData, filters = [], queryParams, title = (0, i18n_1.i18n)(i18n_1.Keyset.Title), resetTitleMargin, }) => {
|
|
15
15
|
const handleFilterChange = React.useCallback((query) => handleLoadData({ page: DEFAULT_PAGE, query: Object.assign({ page: DEFAULT_PAGE }, query) }), [handleLoadData]);
|
|
16
16
|
const rows = (0, common_1.normalizeFiltersToRows)(filters);
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(uikit_1.MobileProvider, { mobile: false, children: (0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)("h1", { className: b('header-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(uikit_1.MobileProvider, { mobile: false, children: (0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)("h1", { className: b('header-title', { 'reset-margin': resetTitleMargin }), children: title }), (0, jsx_runtime_1.jsx)("div", { className: b('header-filters'), children: rows.map((row, rowIndex) => (
|
|
18
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
19
|
+
(0, jsx_runtime_1.jsx)("div", { className: b('header-filters-row'), children: row.map((filter) => ((0, jsx_runtime_1.jsx)(FilterControl_1.FilterControl, { filter: filter, initialValue: queryParams === null || queryParams === void 0 ? void 0 : queryParams[filter.queryParamName], onChange: handleFilterChange }, filter.queryParamName))) }, rowIndex))) })] }) }));
|
|
20
20
|
};
|
|
21
21
|
exports.Controls = Controls;
|
|
22
22
|
//# sourceMappingURL=Controls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAiD;AAEjD,oDAA8C;AAC9C,yDAAkG;AAClG,gDAA2C;AAC3C,qEAA6D;AAI7D,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,CAAC;AAEhB,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,KAAK,GAAG,IAAA,WAAI,EAAC,aAAM,CAAC,KAAK,CAAC,EAC1B,gBAAgB,GACJ,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE,CACb,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,kBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,CAAC,EAAC,CAAC,EAC/E,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,IAAI,GAAG,IAAA,+BAAsB,EAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,uBAAC,sBAAc,IAAC,MAAM,EAAE,KAAK,YACzB,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,+BAAI,SAAS,EAAE,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAiD;AAEjD,oDAA8C;AAC9C,yDAAkG;AAClG,gDAA2C;AAC3C,qEAA6D;AAI7D,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,CAAC;AAEhB,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,KAAK,GAAG,IAAA,WAAI,EAAC,aAAM,CAAC,KAAK,CAAC,EAC1B,gBAAgB,GACJ,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE,CACb,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,kBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,CAAC,EAAC,CAAC,EAC/E,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,IAAI,GAAG,IAAA,+BAAsB,EAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,uBAAC,sBAAc,IAAC,MAAM,EAAE,KAAK,YACzB,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,+BAAI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,cAAc,EAAE,gBAAgB,EAAC,CAAC,YAAG,KAAK,GAAM,EAClF,gCAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC;oBACzB,oDAAoD;oBACpD,gCAAoB,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACjD,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjB,uBAAC,6BAAa,IAEV,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,cAAc,CAAC,EAClD,QAAQ,EAAE,kBAAkB,IAHvB,MAAM,CAAC,cAAc,CAI5B,CACL,CAAC,IARI,QAAQ,CASZ,CACT,CAAC,GACA,IACJ,GACO,CACpB,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,QAAQ,YAqCnB","sourcesContent":["import * as React from 'react';\n\nimport {MobileProvider} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {FetchArgs, FiltersConfig, Query, normalizeFiltersToRows} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {FilterControl} from '../FilterControl/FilterControl';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type ControlsProps = {\n handleLoadData: (props: FetchArgs) => void;\n filters?: FiltersConfig;\n queryParams: Query;\n title?: string;\n resetTitleMargin?: boolean;\n};\n\nconst DEFAULT_PAGE = 1;\n\nexport const Controls = ({\n handleLoadData,\n filters = [],\n queryParams,\n title = i18n(Keyset.Title),\n resetTitleMargin,\n}: ControlsProps) => {\n const handleFilterChange = React.useCallback(\n (query: Query) =>\n handleLoadData({page: DEFAULT_PAGE, query: {page: DEFAULT_PAGE, ...query}}),\n [handleLoadData],\n );\n\n const rows = normalizeFiltersToRows(filters);\n\n return (\n <MobileProvider mobile={false}>\n <div className={b('header')}>\n <h1 className={b('header-title', {'reset-margin': resetTitleMargin})}>{title}</h1>\n <div className={b('header-filters')}>\n {rows.map((row, rowIndex) => (\n // eslint-disable-next-line react/no-array-index-key\n <div key={rowIndex} className={b('header-filters-row')}>\n {row.map((filter) => (\n <FilterControl\n key={filter.queryParamName}\n filter={filter}\n initialValue={queryParams?.[filter.queryParamName]}\n onChange={handleFilterChange}\n />\n ))}\n </div>\n ))}\n </div>\n </div>\n </MobileProvider>\n );\n};\n"]}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
/* use this for style redefinitions to awoid problems with
|
|
2
2
|
unpredictable css rules order in build */
|
|
3
3
|
.bc-filter-control {
|
|
4
|
-
|
|
5
|
-
margin-left: 8px;
|
|
6
|
-
margin-bottom: 12px;
|
|
4
|
+
flex: 230px 1 0;
|
|
7
5
|
min-width: 230px;
|
|
8
|
-
flex-grow: 1;
|
|
9
6
|
}
|
|
10
7
|
@media (min-width: 577px) {
|
|
11
8
|
.bc-filter-control {
|
|
@@ -16,4 +13,5 @@ unpredictable css rules order in build */
|
|
|
16
13
|
width: auto;
|
|
17
14
|
min-width: auto;
|
|
18
15
|
flex-grow: 0;
|
|
16
|
+
flex-basis: auto;
|
|
19
17
|
}
|
|
@@ -5,23 +5,27 @@ unpredictable css rules order in build */
|
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
border-radius: var(--bc-border-radius);
|
|
8
|
-
padding-bottom:
|
|
8
|
+
padding-bottom: 32px;
|
|
9
9
|
z-index: 10;
|
|
10
10
|
}
|
|
11
|
-
.bc-feed-controls__header-
|
|
12
|
-
display: flex;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
flex-wrap: wrap;
|
|
15
|
-
}
|
|
16
|
-
.bc-feed-controls__header-item_title {
|
|
11
|
+
.bc-feed-controls__header-title {
|
|
17
12
|
font-size: var(--g-text-display-4-font-size);
|
|
18
13
|
line-height: var(--g-text-display-4-line-height);
|
|
14
|
+
text-align: center;
|
|
19
15
|
padding-top: 112px;
|
|
20
16
|
padding-bottom: 96px;
|
|
21
17
|
}
|
|
22
|
-
.bc-feed-controls__header-
|
|
18
|
+
.bc-feed-controls__header-title.bc-feed-controls__header-item_reset-margin {
|
|
23
19
|
margin: 0;
|
|
24
20
|
}
|
|
25
|
-
.bc-feed-controls__header-
|
|
26
|
-
|
|
21
|
+
.bc-feed-controls__header-filters {
|
|
22
|
+
display: flex;
|
|
23
|
+
gap: 16px;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
}
|
|
26
|
+
.bc-feed-controls__header-filters-row {
|
|
27
|
+
display: flex;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
flex-wrap: wrap;
|
|
30
|
+
gap: 16px;
|
|
27
31
|
}
|
|
@@ -11,8 +11,8 @@ const DEFAULT_PAGE = 1;
|
|
|
11
11
|
export const Controls = ({ handleLoadData, filters = [], queryParams, title = i18n(Keyset.Title), resetTitleMargin, }) => {
|
|
12
12
|
const handleFilterChange = React.useCallback((query) => handleLoadData({ page: DEFAULT_PAGE, query: Object.assign({ page: DEFAULT_PAGE }, query) }), [handleLoadData]);
|
|
13
13
|
const rows = normalizeFiltersToRows(filters);
|
|
14
|
-
return (_jsx(MobileProvider, { mobile: false, children: _jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
return (_jsx(MobileProvider, { mobile: false, children: _jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-title', { 'reset-margin': resetTitleMargin }), children: title }), _jsx("div", { className: b('header-filters'), children: rows.map((row, rowIndex) => (
|
|
15
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
16
|
+
_jsx("div", { className: b('header-filters-row'), children: row.map((filter) => (_jsx(FilterControl, { filter: filter, initialValue: queryParams === null || queryParams === void 0 ? void 0 : queryParams[filter.queryParamName], onChange: handleFilterChange }, filter.queryParamName))) }, rowIndex))) })] }) }));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=Controls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAkC,sBAAsB,EAAC,qCAAkC;AAClG,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAE7D,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,gBAAgB,GACJ,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE,CACb,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,kBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,CAAC,EAAC,CAAC,EAC/E,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,IAAI,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,KAAC,cAAc,IAAC,MAAM,EAAE,KAAK,YACzB,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,aAAI,SAAS,EAAE,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAkC,sBAAsB,EAAC,qCAAkC;AAClG,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EAAC,aAAa,EAAC,0CAAuC;AAE7D,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,gBAAgB,GACJ,EAAE,EAAE;IAChB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE,CACb,cAAc,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,kBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,CAAC,EAAC,CAAC,EAC/E,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,MAAM,IAAI,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,KAAC,cAAc,IAAC,MAAM,EAAE,KAAK,YACzB,eAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,aAAI,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAC,cAAc,EAAE,gBAAgB,EAAC,CAAC,YAAG,KAAK,GAAM,EAClF,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC;oBACzB,oDAAoD;oBACpD,cAAoB,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACjD,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjB,KAAC,aAAa,IAEV,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,cAAc,CAAC,EAClD,QAAQ,EAAE,kBAAkB,IAHvB,MAAM,CAAC,cAAc,CAI5B,CACL,CAAC,IARI,QAAQ,CASZ,CACT,CAAC,GACA,IACJ,GACO,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileProvider} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {FetchArgs, FiltersConfig, Query, normalizeFiltersToRows} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {FilterControl} from '../FilterControl/FilterControl';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type ControlsProps = {\n handleLoadData: (props: FetchArgs) => void;\n filters?: FiltersConfig;\n queryParams: Query;\n title?: string;\n resetTitleMargin?: boolean;\n};\n\nconst DEFAULT_PAGE = 1;\n\nexport const Controls = ({\n handleLoadData,\n filters = [],\n queryParams,\n title = i18n(Keyset.Title),\n resetTitleMargin,\n}: ControlsProps) => {\n const handleFilterChange = React.useCallback(\n (query: Query) =>\n handleLoadData({page: DEFAULT_PAGE, query: {page: DEFAULT_PAGE, ...query}}),\n [handleLoadData],\n );\n\n const rows = normalizeFiltersToRows(filters);\n\n return (\n <MobileProvider mobile={false}>\n <div className={b('header')}>\n <h1 className={b('header-title', {'reset-margin': resetTitleMargin})}>{title}</h1>\n <div className={b('header-filters')}>\n {rows.map((row, rowIndex) => (\n // eslint-disable-next-line react/no-array-index-key\n <div key={rowIndex} className={b('header-filters-row')}>\n {row.map((filter) => (\n <FilterControl\n key={filter.queryParamName}\n filter={filter}\n initialValue={queryParams?.[filter.queryParamName]}\n onChange={handleFilterChange}\n />\n ))}\n </div>\n ))}\n </div>\n </div>\n </MobileProvider>\n );\n};\n"]}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
/* use this for style redefinitions to awoid problems with
|
|
2
2
|
unpredictable css rules order in build */
|
|
3
3
|
.bc-filter-control {
|
|
4
|
-
|
|
5
|
-
margin-left: 8px;
|
|
6
|
-
margin-bottom: 12px;
|
|
4
|
+
flex: 230px 1 0;
|
|
7
5
|
min-width: 230px;
|
|
8
|
-
flex-grow: 1;
|
|
9
6
|
}
|
|
10
7
|
@media (min-width: 577px) {
|
|
11
8
|
.bc-filter-control {
|
|
@@ -16,4 +13,5 @@ unpredictable css rules order in build */
|
|
|
16
13
|
width: auto;
|
|
17
14
|
min-width: auto;
|
|
18
15
|
flex-grow: 0;
|
|
16
|
+
flex-basis: auto;
|
|
19
17
|
}
|