@gravity-ui/blog-constructor 5.16.1-alpha.0 → 5.16.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.
Files changed (17) hide show
  1. package/build/cjs/blocks/Feed/Feed.js +1 -2
  2. package/build/cjs/components/FeedHeader/components/Controls/customRenders.js +1 -1
  3. package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +7 -1
  4. package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js +2 -2
  5. package/build/cjs/components/PostInfo/PostInfo.css +8 -0
  6. package/build/cjs/components/PostInfo/components/Save.js +1 -1
  7. package/build/cjs/components/Search/Search.css +3 -0
  8. package/build/cjs/components/Search/Search.js +1 -1
  9. package/build/esm/blocks/Feed/Feed.js +1 -2
  10. package/build/esm/components/FeedHeader/components/Controls/customRenders.js +1 -1
  11. package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +7 -1
  12. package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js +2 -2
  13. package/build/esm/components/PostInfo/PostInfo.css +8 -0
  14. package/build/esm/components/PostInfo/components/Save.js +1 -1
  15. package/build/esm/components/Search/Search.css +3 -0
  16. package/build/esm/components/Search/Search.js +1 -1
  17. package/package.json +1 -1
package/build/cjs/blocks/Feed/Feed.js CHANGED
@@ -56,12 +56,11 @@ const Feed = ({ image }) => {
56
56
  dispatch({ type: reducer_1.ActionTypes.SetErrorLoad, payload: value });
57
57
  };
58
58
  const handleChangeQueryParams = (0, react_1.useCallback)((value) => {
59
- var _a;
60
59
  dispatch({ type: reducer_1.ActionTypes.QueryParamsChange, payload: value });
61
60
  const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
62
61
  const result = hasFirstPageQuery
63
62
  ? Object.assign(Object.assign({}, value), { [PAGE_QUERY]: null }) : Object.assign({}, value);
64
- (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
63
+ router.updateQueryCallback(result);
65
64
  }, [router]);
66
65
  const fetchData = (0, react_1.useCallback)(async ({ page, query }) => {
67
66
  if (query && getPosts) {
package/build/cjs/components/FeedHeader/components/Controls/customRenders.js CHANGED
@@ -13,7 +13,7 @@ const renderSwitcher = ({ initial, list, defaultLabel }) =>
13
13
  // eslint-disable-next-line react/display-name
14
14
  ({ onClick, ref, onKeyDown, open, renderClear }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
15
15
  exports.renderSwitcher = renderSwitcher;
16
- const renderFilter = ({ value, ref, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
16
+ const renderFilter = ({ value, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
17
17
  exports.renderFilter = renderFilter;
18
18
  const renderOption = (option) => (react_1.default.createElement(CustomSelectOption_1.CustomSelectOption, { data: option }));
19
19
  exports.renderOption = renderOption;
package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -38,6 +38,9 @@ unpredictable css rules order in build */
38
38
  border-color: var(--g-color-base-generic-hover);
39
39
  cursor: pointer;
40
40
  }
41
+ .bc-feed-custom-switcher__custom-switcher-element {
42
+ color: var(--g-color-text-primary);
43
+ }
41
44
  .bc-feed-custom-switcher__custom-switcher-element_content {
42
45
  display: inline-block;
43
46
  flex-grow: 1;
@@ -45,7 +48,6 @@ unpredictable css rules order in build */
45
48
  text-overflow: ellipsis;
46
49
  white-space: nowrap;
47
50
  padding: 0 12px;
48
- color: var(--g-color-text-primary);
49
51
  }
50
52
  .bc-feed-custom-switcher__custom-switcher-element_counter {
51
53
  align-items: center;
@@ -68,6 +70,9 @@ unpredictable css rules order in build */
68
70
  position: absolute;
69
71
  inset: 0;
70
72
  border-radius: var(--g-border-radius-xl);
73
+ background: transparent;
74
+ border: none;
75
+ cursor: pointer;
71
76
  }
72
77
  .bc-feed-custom-switcher__switcher-arrow {
73
78
  width: 16px;
@@ -76,4 +81,5 @@ unpredictable css rules order in build */
76
81
  .bc-feed-custom-switcher__clear {
77
82
  width: 11px;
78
83
  height: 11px;
84
+ color: var(--g-color-text-primary);
79
85
  }
package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js CHANGED
@@ -18,8 +18,8 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKe
18
18
  return items.length ? items : [defaultLabel];
19
19
  }, [defaultLabel, initial, list]);
20
20
  const hasCounter = itemsNames.length > 1;
21
- return (react_1.default.createElement("button", { className: b('custom-switcher'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
22
- react_1.default.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
21
+ return (react_1.default.createElement("div", { className: b('custom-switcher'), ref: controlRef },
22
+ react_1.default.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open }),
23
23
  react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
24
24
  renderClear &&
25
25
  renderClear({
package/build/cjs/components/PostInfo/PostInfo.css CHANGED
@@ -17,6 +17,14 @@ unpredictable css rules order in build */
17
17
  font-size: var(--g-text-body-3-font-size);
18
18
  line-height: var(--g-text-body-3-line-height);
19
19
  }
20
+ .bc-post-info__item_save {
21
+ background: none;
22
+ color: inherit;
23
+ border: none;
24
+ padding: 0;
25
+ font: inherit;
26
+ cursor: pointer;
27
+ }
20
28
  .bc-post-info__item:last-child {
21
29
  font-size: var(--g-text-body-2-font-size);
22
30
  line-height: var(--g-text-body-2-line-height);
package/build/cjs/components/PostInfo/components/Save.js CHANGED
@@ -31,7 +31,7 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
31
31
  const { toggleLike, isSignedInUser, requireSignIn } = (0, react_1.useContext)(LikesContext_1.LikesContext);
32
32
  const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
33
33
  const isLikeable = Boolean(toggleLike);
34
- return (react_1.default.createElement("div", { className: b('item', { size }), onClick: (event) => {
34
+ return (react_1.default.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
35
35
  // both preventDefault and stopImmediatePropagation required to work properly
36
36
  // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
37
37
  event.preventDefault();
package/build/cjs/components/Search/Search.css CHANGED
@@ -12,6 +12,9 @@ unpredictable css rules order in build */
12
12
  .bc-search__input-icon {
13
13
  display: flex;
14
14
  padding-right: 7px;
15
+ border: none;
16
+ font: inherit;
17
+ background: none;
15
18
  color: var(--g-color-text-hint);
16
19
  cursor: pointer;
17
20
  }
package/build/cjs/components/Search/Search.js CHANGED
@@ -45,7 +45,7 @@ const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder
45
45
  onSubmit('');
46
46
  }
47
47
  };
48
- return (react_1.default.createElement("div", { className: b('input-icon'), onClick: handleClick },
48
+ return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick },
49
49
  react_1.default.createElement(uikit_1.Icon, { size: iconSize, data: iconData })));
50
50
  }, [handleChange, onSubmit, value]);
51
51
  return (react_1.default.createElement("div", { className: b({ size }, className) },
package/build/esm/blocks/Feed/Feed.js CHANGED
@@ -52,12 +52,11 @@ export const Feed = ({ image }) => {
52
52
  dispatch({ type: ActionTypes.SetErrorLoad, payload: value });
53
53
  };
54
54
  const handleChangeQueryParams = useCallback((value) => {
55
- var _a;
56
55
  dispatch({ type: ActionTypes.QueryParamsChange, payload: value });
57
56
  const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
58
57
  const result = hasFirstPageQuery
59
58
  ? Object.assign(Object.assign({}, value), { [PAGE_QUERY]: null }) : Object.assign({}, value);
60
- (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
59
+ router.updateQueryCallback(result);
61
60
  }, [router]);
62
61
  const fetchData = useCallback(async ({ page, query }) => {
63
62
  if (query && getPosts) {
package/build/esm/components/FeedHeader/components/Controls/customRenders.js CHANGED
@@ -9,5 +9,5 @@ const b = block('feed-controls');
9
9
  export const renderSwitcher = ({ initial, list, defaultLabel }) =>
10
10
  // eslint-disable-next-line react/display-name
11
11
  ({ onClick, ref, onKeyDown, open, renderClear }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
12
- export const renderFilter = ({ value, ref, onChange, onKeyDown }) => (React.createElement(TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
12
+ export const renderFilter = ({ value, onChange, onKeyDown }) => (React.createElement(TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
13
13
  export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));
package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -38,6 +38,9 @@ unpredictable css rules order in build */
38
38
  border-color: var(--g-color-base-generic-hover);
39
39
  cursor: pointer;
40
40
  }
41
+ .bc-feed-custom-switcher__custom-switcher-element {
42
+ color: var(--g-color-text-primary);
43
+ }
41
44
  .bc-feed-custom-switcher__custom-switcher-element_content {
42
45
  display: inline-block;
43
46
  flex-grow: 1;
@@ -45,7 +48,6 @@ unpredictable css rules order in build */
45
48
  text-overflow: ellipsis;
46
49
  white-space: nowrap;
47
50
  padding: 0 12px;
48
- color: var(--g-color-text-primary);
49
51
  }
50
52
  .bc-feed-custom-switcher__custom-switcher-element_counter {
51
53
  align-items: center;
@@ -68,6 +70,9 @@ unpredictable css rules order in build */
68
70
  position: absolute;
69
71
  inset: 0;
70
72
  border-radius: var(--g-border-radius-xl);
73
+ background: transparent;
74
+ border: none;
75
+ cursor: pointer;
71
76
  }
72
77
  .bc-feed-custom-switcher__switcher-arrow {
73
78
  width: 16px;
@@ -76,4 +81,5 @@ unpredictable css rules order in build */
76
81
  .bc-feed-custom-switcher__clear {
77
82
  width: 11px;
78
83
  height: 11px;
84
+ color: var(--g-color-text-primary);
79
85
  }
package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js CHANGED
@@ -15,8 +15,8 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
15
15
  return items.length ? items : [defaultLabel];
16
16
  }, [defaultLabel, initial, list]);
17
17
  const hasCounter = itemsNames.length > 1;
18
- return (React.createElement("button", { className: b('custom-switcher'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
19
- React.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
18
+ return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
19
+ React.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open }),
20
20
  React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
21
21
  renderClear &&
22
22
  renderClear({
package/build/esm/components/PostInfo/PostInfo.css CHANGED
@@ -17,6 +17,14 @@ unpredictable css rules order in build */
17
17
  font-size: var(--g-text-body-3-font-size);
18
18
  line-height: var(--g-text-body-3-line-height);
19
19
  }
20
+ .bc-post-info__item_save {
21
+ background: none;
22
+ color: inherit;
23
+ border: none;
24
+ padding: 0;
25
+ font: inherit;
26
+ cursor: pointer;
27
+ }
20
28
  .bc-post-info__item:last-child {
21
29
  font-size: var(--g-text-body-2-font-size);
22
30
  line-height: var(--g-text-body-2-line-height);
package/build/esm/components/PostInfo/components/Save.js CHANGED
@@ -28,7 +28,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
28
28
  const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
29
29
  const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
30
30
  const isLikeable = Boolean(toggleLike);
31
- return (React.createElement("div", { className: b('item', { size }), onClick: (event) => {
31
+ return (React.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
32
32
  // both preventDefault and stopImmediatePropagation required to work properly
33
33
  // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
34
34
  event.preventDefault();
package/build/esm/components/Search/Search.css CHANGED
@@ -12,6 +12,9 @@ unpredictable css rules order in build */
12
12
  .bc-search__input-icon {
13
13
  display: flex;
14
14
  padding-right: 7px;
15
+ border: none;
16
+ font: inherit;
17
+ background: none;
15
18
  color: var(--g-color-text-hint);
16
19
  cursor: pointer;
17
20
  }
package/build/esm/components/Search/Search.js CHANGED
@@ -42,7 +42,7 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
42
42
  onSubmit('');
43
43
  }
44
44
  };
45
- return (React.createElement("div", { className: b('input-icon'), onClick: handleClick },
45
+ return (React.createElement("button", { className: b('input-icon'), onClick: handleClick },
46
46
  React.createElement(Icon, { size: iconSize, data: iconData })));
47
47
  }, [handleChange, onSubmit, value]);
48
48
  return (React.createElement("div", { className: b({ size }, className) },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "5.16.1-alpha.0",
3
+ "version": "5.16.1",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {