@stapel/search-react 0.13.0 → 0.14.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/CHANGELOG.md +84 -0
- package/dist/default/FacetPanelPane.d.ts.map +1 -1
- package/dist/default/FacetPanelPane.js +56 -1
- package/dist/default/FacetPanelPane.js.map +1 -1
- package/dist/default/LocationSummaryLine.d.ts +19 -0
- package/dist/default/LocationSummaryLine.d.ts.map +1 -1
- package/dist/default/LocationSummaryLine.js +111 -11
- package/dist/default/LocationSummaryLine.js.map +1 -1
- package/dist/default/SearchPage.d.ts.map +1 -1
- package/dist/default/SearchPage.js +6 -0
- package/dist/default/SearchPage.js.map +1 -1
- package/llms.txt +3 -3
- package/manifest.json +5 -2
- package/nav-manifest.json +1 -1
- package/package.json +2 -2
- package/src/analytics/generated/events.json +1 -1
- package/src/default/FacetPanelPane.tsx +75 -3
- package/src/default/LocationSummaryLine.tsx +150 -22
- package/src/default/SearchPage.tsx +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,89 @@
|
|
|
1
1
|
# @stapel/search-react
|
|
2
2
|
|
|
3
|
+
## 0.14.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- The desktop filter rail stops laying its own heading out down a column
|
|
8
|
+
|
|
9
|
+
Measured on a live 1440px result page: the box holding the word "Filters" was
|
|
10
|
+
43px wide and 78px tall — three lines, one syllable each — down the left edge
|
|
11
|
+
of the results. It is the first thing a shopper sees beside what they searched
|
|
12
|
+
for, and it read as a broken page.
|
|
13
|
+
|
|
14
|
+
Two causes in one row. The heading shared a `space-between` line with "Clear
|
|
15
|
+
all filters (2)", and both halves were ordinary flex items, so in a 280px rail
|
|
16
|
+
the sentence took the width it wanted and the heading got the 43px left over.
|
|
17
|
+
antd's `.ant-typography` then ships `word-break: break-word`, which is why the
|
|
18
|
+
remains were a word broken between its letters rather than a truncated one.
|
|
19
|
+
|
|
20
|
+
- the row WRAPS: the long sentence drops to its own line instead of squeezing
|
|
21
|
+
the word;
|
|
22
|
+
- the heading never shrinks below its own content and never breaks inside a
|
|
23
|
+
word (`flex: 0 0 auto`, `min-inline-size: max-content`, `word-break: normal`);
|
|
24
|
+
- the button is the half that gives, and may wrap its sentence over two lines;
|
|
25
|
+
- the rail states a `min-width` as well as a `max-width`, so the column the
|
|
26
|
+
panel lives in is 280px rather than a share of whatever it was dropped into.
|
|
27
|
+
|
|
28
|
+
Both contradicted rules are inline styles rather than a class: a class of ours
|
|
29
|
+
against `.ant-typography` or `.ant-btn` is decided by whichever stylesheet was
|
|
30
|
+
injected last, which is not a decision.
|
|
31
|
+
|
|
32
|
+
A new demo variant photographs the panel at the rail's own width — the only
|
|
33
|
+
width at which the row is under any pressure — and a layout suite asserts the
|
|
34
|
+
computed style of the rendered elements.
|
|
35
|
+
|
|
36
|
+
## 0.14.0
|
|
37
|
+
|
|
38
|
+
### Minor Changes
|
|
39
|
+
|
|
40
|
+
- 396e32e: The phone SERP's location row is one compact line again, and stops overlapping itself.
|
|
41
|
+
|
|
42
|
+
Measured on a live 390×844 SERP, in both themes, on every result page — the
|
|
43
|
+
category listing, the text search and every filter slice:
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
{"kind":"clipped-left","t":"A chosen place on the map","x":-4}
|
|
47
|
+
{"kind":"overlap","a":"· Within 25 km","b":"Filters","px":43}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
On screen that read as "…hosen place on the map · Within 25 kmlters", with the
|
|
51
|
+
red active-filter plaque floating in the top-right corner of the page attached
|
|
52
|
+
to nothing. At 1440 it was clean, which is why nothing before this caught it.
|
|
53
|
+
|
|
54
|
+
**Three causes, none of them the flex row itself.**
|
|
55
|
+
|
|
56
|
+
1. An antd `<Button>` CENTRES its content. `minWidth: 0` let the left half
|
|
57
|
+
shrink and nothing clipped what was inside it, so the label overflowed its
|
|
58
|
+
box symmetrically — off the left edge of the screen at `x = -4` and 43px
|
|
59
|
+
across the word "Filters" at the other end. A shrunk box with no `overflow`
|
|
60
|
+
is not a truncation, it is an overlap.
|
|
61
|
+
2. Nothing declared which end may shrink. Both were `1 1 auto`, so a long place
|
|
62
|
+
name took width from a word that must never lose any.
|
|
63
|
+
3. The count was an antd `<Badge count>` — an absolutely positioned `sup` hung
|
|
64
|
+
off the top-right CORNER of what it wraps. At the trailing edge of a
|
|
65
|
+
full-width row that puts it outside the row entirely.
|
|
66
|
+
|
|
67
|
+
**Now:** `place · radius` left, `Filters` right, on one line. The left half is
|
|
68
|
+
the only one that grows or shrinks and it truncates with an ellipsis (`display:
|
|
69
|
+
block` on the label is load-bearing — `text-overflow` does nothing on a flex
|
|
70
|
+
box, which is how the first attempt cut the name mid-glyph); the right half is
|
|
71
|
+
`flex: 0 0 auto`; the count is a pill IN the flow beside the word it counts
|
|
72
|
+
for. The place and the radius now share ONE truncating label, so the radius can
|
|
73
|
+
no longer travel past the label's end on its own.
|
|
74
|
+
|
|
75
|
+
The rules that had to reach inside the button ship as a hoisted stylesheet
|
|
76
|
+
(`locationLineCss`, the pattern `<ListingCard>` and `<SkinCarousel>` use),
|
|
77
|
+
since a descendant rule is not expressible as an inline style.
|
|
78
|
+
|
|
79
|
+
`search-location-filters-badge` is now the trailing group rather than an antd
|
|
80
|
+
`<Badge>`; the count carries `data-testid="search-location-filters-count"`, and
|
|
81
|
+
the truncating label `data-testid="search-location-label"`.
|
|
82
|
+
|
|
83
|
+
A new skin demo variant, `long-place`, photographs the measured case: a place
|
|
84
|
+
name a geocoder really returns, at 390px, with a radius and a count on the same
|
|
85
|
+
line.
|
|
86
|
+
|
|
3
87
|
## 0.13.0
|
|
4
88
|
|
|
5
89
|
### Minor Changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetPanelPane.d.ts","sourceRoot":"","sources":["../../src/default/FacetPanelPane.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"FacetPanelPane.d.ts","sourceRoot":"","sources":["../../src/default/FacetPanelPane.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAOxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AA2DhD,gDAAgD;AAChD,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD;;sEAEkE;IAClE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAClD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACjD;gFAC4E;IAC5E,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAC;IAC7E;8DAC0D;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACnE;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC;;;;;;OAMG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B;AAiDD;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,SAAS,EACd,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GACzB,MAAM,CAIR;AAuHD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CA+KvE"}
|
|
@@ -11,6 +11,61 @@ import { buildRangeGroups } from "../state/ranges.js";
|
|
|
11
11
|
import { SEARCH_I18N_KEYS } from "../i18n/keys.js";
|
|
12
12
|
import { LanguageSelect } from "./LanguageSelect.js";
|
|
13
13
|
import { RangeFilterRow } from "./RangeFilterRow.js";
|
|
14
|
+
/**
|
|
15
|
+
* The heading row, in a 280px rail (defect C14).
|
|
16
|
+
*
|
|
17
|
+
* Measured on the live desktop SERP: the box holding the word "Filters" was
|
|
18
|
+
* **43px wide and 78px tall — three lines** — reading "Fil / ter / s" down the
|
|
19
|
+
* left edge of the results. It is the first thing a shopper sees beside their
|
|
20
|
+
* results, and it looked like a rendering fault.
|
|
21
|
+
*
|
|
22
|
+
* Two causes, one row:
|
|
23
|
+
*
|
|
24
|
+
* 1. **The row's other half is a long sentence.** "Clear all filters (2)" is
|
|
25
|
+
* twenty-one characters in English and twenty-four in the Russian
|
|
26
|
+
* catalogue. Both halves were ordinary flex items in a `space-between` row,
|
|
27
|
+
* so in a rail the button took the width it wanted and the heading got what
|
|
28
|
+
* was left — 43px of a 280px column.
|
|
29
|
+
* 2. **antd's `.ant-typography` ships `word-break: break-word`,** which is why
|
|
30
|
+
* the remains were not a truncated word but a word broken between its
|
|
31
|
+
* letters onto three lines. Breaking inside a word is for prose that has to
|
|
32
|
+
* fit a narrow measure; a one-word section heading is not that.
|
|
33
|
+
*
|
|
34
|
+
* So: the row WRAPS — the button drops to its own line rather than squeezing
|
|
35
|
+
* the word — the heading never shrinks below its own content and never breaks
|
|
36
|
+
* inside a word, and the button is the half that gives, wrapping its sentence
|
|
37
|
+
* over two lines when the rail is narrow.
|
|
38
|
+
*
|
|
39
|
+
* ── Why these are inline styles and not a hoisted sheet ───────────────────
|
|
40
|
+
*
|
|
41
|
+
* Because they contradict antd, and both elements are OURS. A class of ours
|
|
42
|
+
* against `.ant-typography` or `.ant-btn` is decided by whichever stylesheet
|
|
43
|
+
* was injected last, which is not a decision — it is a coin toss that happens
|
|
44
|
+
* to land right until a dependency reorders its emit. An inline style wins
|
|
45
|
+
* against every stylesheet by rule. `<LocationSummaryLine>` hoists a sheet
|
|
46
|
+
* because its rules have to reach a `<span>` antd generates and React never
|
|
47
|
+
* sees; nothing here does.
|
|
48
|
+
*/
|
|
49
|
+
const FACET_HEADING = {
|
|
50
|
+
margin: 0,
|
|
51
|
+
// Never squeezed: 43px of a 280px column was a heading allowed to give its
|
|
52
|
+
// width to a twenty-five-character button.
|
|
53
|
+
flex: "0 0 auto",
|
|
54
|
+
minInlineSize: "max-content",
|
|
55
|
+
// Never hyphenated, never broken between the letters of one word.
|
|
56
|
+
wordBreak: "normal",
|
|
57
|
+
overflowWrap: "normal",
|
|
58
|
+
hyphens: "none",
|
|
59
|
+
};
|
|
60
|
+
/** The half that gives. A two-line button is a button; a three-line heading of
|
|
61
|
+
* one word is a defect. */
|
|
62
|
+
const FACET_CLEAR = {
|
|
63
|
+
flex: "0 1 auto",
|
|
64
|
+
minInlineSize: 0,
|
|
65
|
+
whiteSpace: "normal",
|
|
66
|
+
height: "auto",
|
|
67
|
+
textAlign: "start",
|
|
68
|
+
};
|
|
14
69
|
/** The category constraint: the host's control, or the door out of it. */
|
|
15
70
|
function CategoryFilter(props) {
|
|
16
71
|
const t = useT();
|
|
@@ -143,7 +198,7 @@ export function FacetPanelPane(props) {
|
|
|
143
198
|
...(bag.currency !== undefined ? { currency: bag.currency } : {}),
|
|
144
199
|
t,
|
|
145
200
|
});
|
|
146
|
-
return (_jsxs(Flex, { vertical: true, gap: spacing[3], "data-testid": "search-facets", children: [_jsxs(Flex, { justify: "space-between", align: "center", gap: spacing[2], children: [props.heading === null ? (_jsx("span", {})) : (_jsx(Typography.Title, { level: 5, style:
|
|
201
|
+
return (_jsxs(Flex, { vertical: true, gap: spacing[3], "data-testid": "search-facets", children: [_jsxs(Flex, { justify: "space-between", align: "center", wrap: true, gap: spacing[2], "data-testid": "search-facets-head", children: [props.heading === null ? (_jsx("span", {})) : (_jsx(Typography.Title, { level: 5, style: FACET_HEADING, "data-testid": "search-facets-heading", children: props.heading ?? t(SEARCH_I18N_KEYS.facetsTitle) })), bag.activeFilters > 0 && (_jsx(Button, { style: FACET_CLEAR, onClick: bag.clearAll, "data-analytics": "none", "data-analytics-reason": "a filter is a read, not a flow step", "data-testid": "facets-clear-all", children: t(SEARCH_I18N_KEYS.facetsClearAll, { count: bag.activeFilters }) }))] }), _jsx(CategoryFilter, { ...(props.renderCategoryFilter !== undefined
|
|
147
202
|
? { render: props.renderCategoryFilter }
|
|
148
203
|
: {}) }), _jsx(LanguageSelect, { ...(props.languages !== undefined ? { languages: props.languages } : {}) }), _jsx(GeoFilter, { ...(props.renderGeoFilter !== undefined
|
|
149
204
|
? { render: props.renderGeoFilter }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetPanelPane.js","sourceRoot":"","sources":["../../src/default/FacetPanelPane.tsx"],"names":[],"mappings":";AAoCA,OAAO,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,WAAW,EACX,UAAU,GACX,MAAM,MAAM,CAAC;AACd,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,GACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"FacetPanelPane.js","sourceRoot":"","sources":["../../src/default/FacetPanelPane.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
import type { ReactElement, ReactNode } from "react";
|
|
2
2
|
import type { GeoFilterSlotProps } from "./FacetPanelPane.js";
|
|
3
|
+
/** The class the row carries, for {@link locationLineCss}. */
|
|
4
|
+
export declare const LOCATION_LINE_CLASS = "stapel-search-location-line";
|
|
5
|
+
/** The class the shrinking half carries. */
|
|
6
|
+
export declare const LOCATION_LINE_WHERE_CLASS = "stapel-search-location-line-where";
|
|
7
|
+
/** The class the truncating label carries. */
|
|
8
|
+
export declare const LOCATION_LINE_LABEL_CLASS = "stapel-search-location-line-label";
|
|
9
|
+
/** The class the fixed half carries. */
|
|
10
|
+
export declare const LOCATION_LINE_END_CLASS = "stapel-search-location-line-end";
|
|
11
|
+
/** The `href` the hoisted stylesheet is deduplicated by. */
|
|
12
|
+
export declare const LOCATION_LINE_STYLE_HREF = "stapel-search-location-line";
|
|
13
|
+
/**
|
|
14
|
+
* The rules that keep the line ONE line — and that an inline style cannot
|
|
15
|
+
* reach, because they belong on the `<span>` antd wraps a button's children
|
|
16
|
+
* in. See the file header (defect C12) for what each of them stops.
|
|
17
|
+
*
|
|
18
|
+
* Static: nothing here varies per instance, so one hoisted copy serves a page
|
|
19
|
+
* in either theme.
|
|
20
|
+
*/
|
|
21
|
+
export declare function locationLineCss(): string;
|
|
3
22
|
export interface LocationSummaryLineProps {
|
|
4
23
|
/**
|
|
5
24
|
* The location control the sheet opens onto — the same slot the panel and
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocationSummaryLine.d.ts","sourceRoot":"","sources":["../../src/default/LocationSummaryLine.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LocationSummaryLine.d.ts","sourceRoot":"","sources":["../../src/default/LocationSummaryLine.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,8DAA8D;AAC9D,eAAO,MAAM,mBAAmB,gCAAgC,CAAC;AACjE,4CAA4C;AAC5C,eAAO,MAAM,yBAAyB,sCAAsC,CAAC;AAC7E,8CAA8C;AAC9C,eAAO,MAAM,yBAAyB,sCAAsC,CAAC;AAC7E,wCAAwC;AACxC,eAAO,MAAM,uBAAuB,oCAAoC,CAAC;AAEzE,4DAA4D;AAC5D,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE;;;;;;;GAOG;AACH,wBAAgB,eAAe,IAAI,MAAM,CA4BxC;AAsCD,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;CAChC;AAyBD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CA+Gd"}
|
|
@@ -28,29 +28,129 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
28
28
|
*
|
|
29
29
|
* `<FilterChips>`'s leading chip is a 32px circle: a number inside it is a
|
|
30
30
|
* number nobody reads, so it shows a dot. This is a full-width row with a word
|
|
31
|
-
* on it, so
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
31
|
+
* on it, so it has room to say HOW MANY constraints are applied — which is the
|
|
32
|
+
* difference between "something is filtered" and "four things are, and that is
|
|
33
|
+
* why there are three results". Both read the same `activeFilters` off the URL
|
|
34
|
+
* state; neither invents a second counter.
|
|
35
|
+
*
|
|
36
|
+
* ## The row overlapped itself on a phone, and why (defect C12)
|
|
37
|
+
*
|
|
38
|
+
* Measured on a live 390px SERP, in both themes, on every result page:
|
|
39
|
+
*
|
|
40
|
+
* ```
|
|
41
|
+
* {"kind":"clipped-left","t":"A chosen place on the map","x":-4}
|
|
42
|
+
* {"kind":"overlap","a":"· Within 25 km","b":"Filters","px":43}
|
|
43
|
+
* ```
|
|
44
|
+
*
|
|
45
|
+
* Three separate causes, and none of them was the flex row itself:
|
|
46
|
+
*
|
|
47
|
+
* 1. **An antd `<Button>` CENTRES its content.** `minWidth: 0` let the left
|
|
48
|
+
* item shrink, and nothing clipped what was inside it, so the label
|
|
49
|
+
* overflowed its box symmetrically — off the left edge of the screen at
|
|
50
|
+
* `x = -4` and 43px across the word "Filters" at the other end. A shrunk
|
|
51
|
+
* box with no `overflow` is not a truncation, it is an overlap.
|
|
52
|
+
* 2. **Nothing declared which end may shrink.** Both ends were `1 1 auto`, so
|
|
53
|
+
* a long place name took width from a word that must never lose any.
|
|
54
|
+
* 3. **The count was an antd `<Badge count>`,** which is an absolutely
|
|
55
|
+
* positioned `sup` hung off the top-right CORNER of what it wraps. At the
|
|
56
|
+
* trailing edge of a full-width row that lands it outside the row entirely
|
|
57
|
+
* — a red plaque floating in the corner of the page, attached to nothing
|
|
58
|
+
* (measured at `y = 72` for a row whose own line is at `y = 93`).
|
|
59
|
+
*
|
|
60
|
+
* So: one compact line, `place · radius` on the left and `Filters` right; the
|
|
61
|
+
* left is the only half that shrinks and it truncates with an ellipsis; the
|
|
62
|
+
* count rides IN the flow beside the word it counts for. The first two rules
|
|
63
|
+
* are what an inline style cannot reach (they belong on the wrapper antd puts
|
|
64
|
+
* around a button's children), which is why this file hoists a stylesheet the
|
|
65
|
+
* way `<ListingCard>` and `<SkinCarousel>` do.
|
|
35
66
|
*/
|
|
36
67
|
import { useState } from "react";
|
|
37
|
-
import {
|
|
68
|
+
import { Button, Flex } from "antd";
|
|
38
69
|
import { useT } from "@stapel/core";
|
|
39
|
-
import { spacing } from "@stapel/tokens";
|
|
70
|
+
import { cssVar, fontSize, radii, spacing } from "@stapel/tokens";
|
|
40
71
|
import { useSearchState } from "../headless/SearchStateProvider.js";
|
|
41
72
|
import { SEARCH_I18N_KEYS } from "../i18n/keys.js";
|
|
42
73
|
import { geoSummaryFallback } from "./FacetPanelPane.js";
|
|
43
74
|
import { GeoSheet, SUMMARY_GEO_TEST_IDS } from "./geoSheet.js";
|
|
75
|
+
/** The class the row carries, for {@link locationLineCss}. */
|
|
76
|
+
export const LOCATION_LINE_CLASS = "stapel-search-location-line";
|
|
77
|
+
/** The class the shrinking half carries. */
|
|
78
|
+
export const LOCATION_LINE_WHERE_CLASS = "stapel-search-location-line-where";
|
|
79
|
+
/** The class the truncating label carries. */
|
|
80
|
+
export const LOCATION_LINE_LABEL_CLASS = "stapel-search-location-line-label";
|
|
81
|
+
/** The class the fixed half carries. */
|
|
82
|
+
export const LOCATION_LINE_END_CLASS = "stapel-search-location-line-end";
|
|
83
|
+
/** The `href` the hoisted stylesheet is deduplicated by. */
|
|
84
|
+
export const LOCATION_LINE_STYLE_HREF = "stapel-search-location-line";
|
|
85
|
+
/**
|
|
86
|
+
* The rules that keep the line ONE line — and that an inline style cannot
|
|
87
|
+
* reach, because they belong on the `<span>` antd wraps a button's children
|
|
88
|
+
* in. See the file header (defect C12) for what each of them stops.
|
|
89
|
+
*
|
|
90
|
+
* Static: nothing here varies per instance, so one hoisted copy serves a page
|
|
91
|
+
* in either theme.
|
|
92
|
+
*/
|
|
93
|
+
export function locationLineCss() {
|
|
94
|
+
const row = `.${LOCATION_LINE_CLASS}`;
|
|
95
|
+
const where = `.${LOCATION_LINE_WHERE_CLASS}`;
|
|
96
|
+
const label = `.${LOCATION_LINE_LABEL_CLASS}`;
|
|
97
|
+
const end = `.${LOCATION_LINE_END_CLASS}`;
|
|
98
|
+
return [
|
|
99
|
+
// `min-width:0` on the row too: a flex item's default `min-width:auto`
|
|
100
|
+
// is what makes a nested flex row refuse to shrink at all.
|
|
101
|
+
`${row}{min-inline-size:0}`,
|
|
102
|
+
// The ONLY half that shrinks, and it CLIPS what it cannot show. An antd
|
|
103
|
+
// Button is already a flex row and it CENTRES its children, so without
|
|
104
|
+
// these two the box shrank and its content overflowed both edges at once
|
|
105
|
+
// — the whole defect: `x:-4` on the left, 43px over "Filters" on the
|
|
106
|
+
// right.
|
|
107
|
+
`${where}{flex:1 1 auto;min-inline-size:0;overflow:hidden;` +
|
|
108
|
+
`justify-content:flex-start}`,
|
|
109
|
+
// Whatever the button puts its children in has to be allowed to shrink;
|
|
110
|
+
// a flex item's `min-width:auto` refuses to go below its content.
|
|
111
|
+
`${where}>span{min-inline-size:0}`,
|
|
112
|
+
// `display:block` is load-bearing: `text-overflow` applies to a BLOCK
|
|
113
|
+
// container and does nothing on a flex one, so a label that had been
|
|
114
|
+
// turned into a flex box truncated with a hard cut mid-glyph instead of
|
|
115
|
+
// an ellipsis.
|
|
116
|
+
`${label}{display:block;min-inline-size:0;overflow:hidden;` +
|
|
117
|
+
`text-overflow:ellipsis;white-space:nowrap}`,
|
|
118
|
+
// The word a person is looking for never loses a pixel to a place name.
|
|
119
|
+
`${end}{flex:0 0 auto}`,
|
|
120
|
+
].join("");
|
|
121
|
+
}
|
|
44
122
|
/** The row. Both ends are text buttons, so the row reads as a line of type
|
|
45
123
|
* rather than as two controls bolted onto a results page. */
|
|
46
124
|
const ROW = { width: "100%" };
|
|
47
|
-
/**
|
|
48
|
-
*
|
|
125
|
+
/** The shrinking half. The flex rules it needs live in the hoisted sheet
|
|
126
|
+
* (they have to reach antd's own wrapper span); this is the chrome. */
|
|
49
127
|
const LOCATION = {
|
|
50
|
-
minWidth: 0,
|
|
51
128
|
paddingInline: 0,
|
|
52
129
|
textAlign: "start",
|
|
53
130
|
};
|
|
131
|
+
/** The pin, which is not allowed to shrink either — a squashed glyph is
|
|
132
|
+
* noise, and it costs 16px. */
|
|
133
|
+
const PIN = { flex: "0 0 auto", display: "inline-flex" };
|
|
134
|
+
/**
|
|
135
|
+
* The count, IN the flow.
|
|
136
|
+
*
|
|
137
|
+
* An antd `<Badge count>` is an absolutely positioned `sup` on the corner of
|
|
138
|
+
* whatever it wraps, and at the trailing edge of a full-width row that puts it
|
|
139
|
+
* outside the row: a red plaque in the corner of the page attached to nothing.
|
|
140
|
+
* A pill beside the word is the same fact, in the line it belongs to, and it
|
|
141
|
+
* takes part in the layout instead of floating over it.
|
|
142
|
+
*/
|
|
143
|
+
const COUNT = {
|
|
144
|
+
display: "inline-block",
|
|
145
|
+
minInlineSize: `${String(spacing[4])}px`,
|
|
146
|
+
paddingInline: spacing[1],
|
|
147
|
+
borderRadius: radii.full,
|
|
148
|
+
background: cssVar("brand"),
|
|
149
|
+
color: cssVar("text-on-accent"),
|
|
150
|
+
fontSize: fontSize.xs.fontSize,
|
|
151
|
+
lineHeight: `${String(spacing[4])}px`,
|
|
152
|
+
textAlign: "center",
|
|
153
|
+
};
|
|
54
154
|
/** A map pin in `currentColor` — the house convention: an inline monochrome
|
|
55
155
|
* SVG, no icon-font dependency, and it inherits the theme rather than carrying
|
|
56
156
|
* a colour. `aria-hidden` because the text beside it is the name. */
|
|
@@ -72,9 +172,9 @@ export function LocationSummaryLine(props) {
|
|
|
72
172
|
const where = geo === undefined
|
|
73
173
|
? t(SEARCH_I18N_KEYS.geoEverywhere)
|
|
74
174
|
: (props.geoLabel ?? geoSummaryFallback(geo, t));
|
|
75
|
-
return (_jsxs(_Fragment, { children: [_jsxs(Flex, { align: "center", justify: "space-between", gap: spacing[2], style: ROW, "data-testid": "search-location-summary", "data-geo": geo === undefined ? "off" : "on", children: [_jsxs(Button, { type: "link", style: LOCATION,
|
|
175
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { href: LOCATION_LINE_STYLE_HREF, precedence: "default", children: locationLineCss() }), _jsxs(Flex, { align: "center", justify: "space-between", gap: spacing[2], style: ROW, className: LOCATION_LINE_CLASS, "data-testid": "search-location-summary", "data-geo": geo === undefined ? "off" : "on", children: [_jsxs(Button, { type: "link", style: LOCATION, className: LOCATION_LINE_WHERE_CLASS, "data-testid": "search-location-open", "data-analytics": "none", "data-analytics-reason": "opening the location sheet is a read, not a flow step", onClick: () => {
|
|
76
176
|
setOpen(true);
|
|
77
|
-
}, children: [where, radius !== undefined && (_jsxs("span", { "data-testid": "search-location-radius", children: [" · ", radius] }))] }),
|
|
177
|
+
}, children: [_jsx("span", { style: PIN, children: _jsx(PinGlyph, {}) }), _jsxs("span", { className: LOCATION_LINE_LABEL_CLASS, "data-testid": "search-location-label", children: [where, radius !== undefined && (_jsxs("span", { "data-testid": "search-location-radius", children: [" · ", radius] }))] })] }), _jsxs(Flex, { align: "center", gap: spacing[1], className: LOCATION_LINE_END_CLASS, "data-testid": "search-location-filters-badge", children: [_jsx(Button, { type: "link", style: { paddingInline: 0 }, "data-testid": "search-location-filters", "data-active": activeFilters > 0 ? "true" : "false", "data-analytics": "none", "data-analytics-reason": "opening the filter sheet is a read, not a flow step", onClick: props.onOpenAll, children: t(SEARCH_I18N_KEYS.filtersShort) }), activeFilters > 0 && (_jsx("span", { style: COUNT, "data-testid": "search-location-filters-count", children: activeFilters }))] })] }), _jsx(GeoSheet, { open: open, onClose: () => {
|
|
78
178
|
setOpen(false);
|
|
79
179
|
}, testIds: SUMMARY_GEO_TEST_IDS, ...(props.renderGeoFilter !== undefined
|
|
80
180
|
? { renderGeoFilter: props.renderGeoFilter }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocationSummaryLine.js","sourceRoot":"","sources":["../../src/default/LocationSummaryLine.tsx"],"names":[],"mappings":";AAAA
|
|
1
|
+
{"version":3,"file":"LocationSummaryLine.js","sourceRoot":"","sources":["../../src/default/LocationSummaryLine.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchPage.d.ts","sourceRoot":"","sources":["../../src/default/SearchPage.tsx"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,iFAAiF;AACjF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchPage.d.ts","sourceRoot":"","sources":["../../src/default/SearchPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,6 +108,12 @@ export const FILTERS_RAIL_WIDTH = 280;
|
|
|
108
108
|
*/
|
|
109
109
|
const RAIL = {
|
|
110
110
|
flex: `0 0 ${String(FILTERS_RAIL_WIDTH)}px`,
|
|
111
|
+
// Both bounds, not just the upper one. `flex-shrink: 0` already holds the
|
|
112
|
+
// column at its basis in this row, but the panel is handed to hosts and to
|
|
113
|
+
// the sheet as well, and a filter column that can be squeezed is how the
|
|
114
|
+
// word "Filters" ended up laid out down its left edge (defect C14). The
|
|
115
|
+
// width is a property of the instrument, so it is stated as one.
|
|
116
|
+
minWidth: FILTERS_RAIL_WIDTH,
|
|
111
117
|
maxWidth: FILTERS_RAIL_WIDTH,
|
|
112
118
|
position: "sticky",
|
|
113
119
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchPage.js","sourceRoot":"","sources":["../../src/default/SearchPage.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIhF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMrD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAEtC;;;;;;;;;;;;;GAaG;AACH,MAAM,IAAI,GAAkB;IAC1B,IAAI,EAAE,OAAO,MAAM,CAAC,kBAAkB,CAAC,IAAI;IAC3C,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,kBAAkB,EAAE,SAAS;IAC7B,uEAAuE;IACvE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC;CAC5B,CAAC;AAEF;iDACiD;AACjD,MAAM,cAAc,GAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AAyLxE;;;GAGG;AACH,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC9E,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,aAAa,CAAC;QAC3B,GAAG,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GACV,KAAK,CAAC,aAAa,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IAE9E,2EAA2E;IAC3E,yEAAyE;IACzE,6EAA6E;IAC7E,kBAAkB;IAClB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,oBAAoB,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB,KAAK,CAAC,WAAW,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAQ,EAAE;QACxC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,UAAU,GACd,OAAO,CAAC,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;QAClD,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC;QAClC,CAAC,CAAC,OAAO,CACL,OAAO,CAAC,IAAI,KAAK,UAAU;YACzB,CAAC,CAAC,gBAAgB,CAAC,uBAAuB;YAC1C,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,EACrC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CACzB,CAAC;IAER,wEAAwE;IACxE,yEAAyE;IACzE,0EAA0E;IAC1E,yEAAyE;IACzE,4BAA4B;IAC5B,MAAM,MAAM,GAAG,gBAAgB,CAAC;QAC9B,KAAK;QACL,GAAG,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAChE,CAAC,CAAC;IACH,MAAM,YAAY,GAChB,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO;QAC/B,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAC9B,MAAM,CAAC,aAAa,KAAK,CAAC;QAC1B,MAAM,CAAC,MAAM,KAAK,CAAC;QACnB,KAAK,CAAC,QAAQ,KAAK,SAAS;QAC5B,KAAK,CAAC,IAAI,KAAK,SAAS;QACxB,KAAK,CAAC,oBAAoB,KAAK,SAAS;QACxC,KAAK,CAAC,eAAe,KAAK,SAAS;QACnC,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,aAAa,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC;IAEjE,MAAM,KAAK,GAAG,CACZ,MAAC,IAAI,IAAC,QAAQ,QAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,aAC3B,aAAa,EAOb,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,cAAc,OACT,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC7C,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5D,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChE,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACrE,CAAC,KAAK,CAAC,oBAAoB,KAAK,SAAS;oBAC3C,CAAC,CAAC,EAAE,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAAE;oBACtD,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,eAAe,KAAK,SAAS;oBACtC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE;oBAC5C,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACtE,CACH,IACI,CACR,CAAC;IAEF;;;;;;;;;;OAUG;IACH,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC;IACxC,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,CAC7B,MAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAExB,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aAC1D,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,GAAI,EAClE,KAAC,UAAU,IAAC,OAAO,SAAG,IACjB,EACN,KAAK,CAAC,aAAa,IACf,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,QAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,aACvC,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,GAAI,EAClE,KAAC,UAAU,KAAG,EACb,KAAK,CAAC,QAAQ,KAAK,KAAK,IAAI,KAAC,cAAc,KAAG,EAC9C,KAAK,CAAC,aAAa,IACf,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,KAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,KACZ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxD,YAAY,EAAE,KAAK,CAAC,mBAAmB,IAAI,CAAC,KACxC,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACjE,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1D,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5D,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS;YACrC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE;YACnC,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,iBAAiB,KAAK,SAAS;YACxC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAAE;YAChD,CAAC,CAAC,EAAE,CAAC,GACP,CACH,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,QAAQ,QACR,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,iBACH,aAAa,kBACX,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,yBACnB,MAAM,aAE1B,KAAK,CAAC,SAAS,KAAK,KAAK,IAAI,KAAC,SAAS,KAAG,EAC1C,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,CACjC,6BAAiB,mBAAmB,YAAE,KAAK,CAAC,UAAU,GAAO,CAC9D,EACD,KAAC,cAAc,KAAG,EAMjB,KAAK,CAAC,aAAa,KAAK,SAAS,IAAI,CACpC,6BAAiB,uBAAuB,YAAE,KAAK,CAAC,aAAa,GAAO,CACrE,EAEA,WAAW,IAAI,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACnC,8BAOE,KAAC,WAAW,IACV,SAAS,EAAE,GAAG,EAAE;4BACd,YAAY,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC,KACG,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5D,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAIhE,CAAC,KAAK,CAAC,oBAAoB,KAAK,SAAS;4BAC3C,CAAC,CAAC,EAAE,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAAE;4BACtD,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;4BACpC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE;4BACxC,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,eAAe,KAAK,SAAS;4BACtC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE;4BAC5C,CAAC,CAAC,EAAE,CAAC,KACH,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAIlE,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACjE,EACF,KAAC,UAAU,IACT,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,KAAK,CAAC,CAAC;wBACtB,CAAC,EACD,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,EACtC,YAAY,EAAE,CAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,iBACpC,sBAAsB,EAClC,MAAM,EACJ,KAAC,MAAM,IACL,KAAK,QACL,IAAI,EAAC,SAAS,iBACF,sBAAsB,oBACnB,MAAM,2BACC,wDAAwD,EAC9E,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAC;4BACtB,CAAC,YAEA,UAAU,GACJ,YAGV,KAAK,GACK,EACZ,OAAO,IACP,CACJ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,MAAC,IAAI,IAAC,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAc,qBAAqB,aACzE,cAAK,KAAK,EAAE,IAAI,YAAG,KAAK,GAAO,EAO/B,cAAK,KAAK,EAAE,cAAc,YAAG,OAAO,GAAO,IACtC,CACR,CAAC,CAAC,CAAC,CACF,OAAO,CACR,IACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,IAAI,EACJ,GAAG,YAAY,EAChB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAC,MAAM,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAChE,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,KAAM,YAAY,YAC7E,KAAC,cAAc,OACT,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChD,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5D,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9C,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9C,CAAC,oBAAoB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpE,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtD,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1D,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5C,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxC,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtD,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtD,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACxD,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9D,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtD,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChE,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5C,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChD,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtC,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClD,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpD,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACtD,CAAC,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACtE,GACkB,GACZ,CACb,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"SearchPage.js","sourceRoot":"","sources":["../../src/default/SearchPage.tsx"],"names":[],"mappings":"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"}
|
package/llms.txt
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @stapel/search-react 0.
|
|
1
|
+
# @stapel/search-react 0.14.1
|
|
2
2
|
|
|
3
3
|
Headless React flow pair for stapel-search (contract >=0.7 <0.8) — business + state, zero visual opinion.
|
|
4
4
|
Built on @stapel/core: typed client + StapelApiError envelope, auth token refresh,
|
|
@@ -78,10 +78,10 @@ const { tracked } = useTracked();
|
|
|
78
78
|
- search.box → <SearchBox> [empty|typed] demo/SearchBox.demo.tsx
|
|
79
79
|
- search.classified-filters → <FilterChips> [chips|applied|shapes|views] demo/ClassifiedFilters.demo.tsx
|
|
80
80
|
- search.degradation-notice → <DegradationNotice> [banner|inline] demo/DegradationNotice.demo.tsx
|
|
81
|
-
- search.facet-panel-pane → <FacetPanelPane> [open-search|narrowed] demo/FacetPanelPane.demo.tsx
|
|
81
|
+
- search.facet-panel-pane → <FacetPanelPane> [open-search|narrowed|in the desktop rail] demo/FacetPanelPane.demo.tsx
|
|
82
82
|
- search.filter-sheet → <SearchPage> [open] demo/FilterSheet.demo.tsx
|
|
83
83
|
- search.language-select → <LanguageSelect> [offered|from-a-link] demo/LanguageSelect.demo.tsx
|
|
84
|
-
- search.location-summary → <LocationSummaryLine> [everywhere|placed|narrowed|wide] demo/LocationSummaryLine.demo.tsx
|
|
84
|
+
- search.location-summary → <LocationSummaryLine> [everywhere|placed|narrowed|long-place|wide] demo/LocationSummaryLine.demo.tsx
|
|
85
85
|
- search.page → <SearchPage> [desktop|phone|unreadable-link] demo/SearchPage.demo.tsx
|
|
86
86
|
- search.page-size-select → <PageSizeSelect> [ladder|off-ladder] demo/PageSizeSelect.demo.tsx
|
|
87
87
|
- search.range-filter-row → <RangeFilterRow> [untouched|applied] demo/RangeFilterRow.demo.tsx
|
package/manifest.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$generated": "by scripts/gen-manifest.mjs — do not edit; drift-gated (pnpm gen:manifest:check)",
|
|
3
3
|
"package": "@stapel/search-react",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.14.1",
|
|
5
5
|
"backend": {
|
|
6
6
|
"module": "stapel-search",
|
|
7
7
|
"contract": ">=0.7 <0.8"
|
|
@@ -465,7 +465,8 @@
|
|
|
465
465
|
],
|
|
466
466
|
"variants": [
|
|
467
467
|
"open-search",
|
|
468
|
-
"narrowed"
|
|
468
|
+
"narrowed",
|
|
469
|
+
"in the desktop rail"
|
|
469
470
|
],
|
|
470
471
|
"source": "demo/FacetPanelPane.demo.tsx"
|
|
471
472
|
},
|
|
@@ -506,12 +507,14 @@
|
|
|
506
507
|
],
|
|
507
508
|
"tokens": [
|
|
508
509
|
"brand",
|
|
510
|
+
"text-on-accent",
|
|
509
511
|
"text-muted"
|
|
510
512
|
],
|
|
511
513
|
"variants": [
|
|
512
514
|
"everywhere",
|
|
513
515
|
"placed",
|
|
514
516
|
"narrowed",
|
|
517
|
+
"long-place",
|
|
515
518
|
"wide"
|
|
516
519
|
],
|
|
517
520
|
"source": "demo/LocationSummaryLine.demo.tsx"
|
package/nav-manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stapel/search-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "Headless React pair for stapel-search: a typed query client, TanStack Query hooks, and a URL-first state codec that makes a search shareable by construction (filters, ranges, geo, sort and the keyset cursor all live in the query string). Drill-down facets rendered with their remaining counts and with the server's own honesty flags — approximate, skipped, degraded — never swallowed; keyset pagination with the window refusal named; DSA Art. 26 `promoted` marking carried into every card slot and the P2B Art. 5 ranking disclosure exposed as data. Zero visual opinion in the main entry; an opt-in /default subpath ships the antd skin, and /router binds the codec to react-router's useSearchParams.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"size-limit": "^11.2.0",
|
|
116
116
|
"typescript": "^5.8.3",
|
|
117
117
|
"vitest": "^3.2.4",
|
|
118
|
-
"@stapel/attributes-react": "^0.
|
|
118
|
+
"@stapel/attributes-react": "^0.8.0",
|
|
119
119
|
"@stapel/core": "^0.22.0",
|
|
120
120
|
"@stapel/image": "^0.4.2",
|
|
121
121
|
"@stapel/showcase": "^0.3.0",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
* carries gets a control that REMOVES it. A shared link that narrows to a
|
|
34
34
|
* category or a point must never leave a person with no way to widen it again.
|
|
35
35
|
*/
|
|
36
|
-
import type { ReactElement, ReactNode } from "react";
|
|
36
|
+
import type { CSSProperties, ReactElement, ReactNode } from "react";
|
|
37
37
|
import {
|
|
38
38
|
Alert,
|
|
39
39
|
Button,
|
|
@@ -63,6 +63,63 @@ import { LanguageSelect } from "./LanguageSelect.js";
|
|
|
63
63
|
import { RangeFilterRow } from "./RangeFilterRow.js";
|
|
64
64
|
import type { ThemeModeProp } from "./types.js";
|
|
65
65
|
|
|
66
|
+
/**
|
|
67
|
+
* The heading row, in a 280px rail (defect C14).
|
|
68
|
+
*
|
|
69
|
+
* Measured on the live desktop SERP: the box holding the word "Filters" was
|
|
70
|
+
* **43px wide and 78px tall — three lines** — reading "Fil / ter / s" down the
|
|
71
|
+
* left edge of the results. It is the first thing a shopper sees beside their
|
|
72
|
+
* results, and it looked like a rendering fault.
|
|
73
|
+
*
|
|
74
|
+
* Two causes, one row:
|
|
75
|
+
*
|
|
76
|
+
* 1. **The row's other half is a long sentence.** "Clear all filters (2)" is
|
|
77
|
+
* twenty-one characters in English and twenty-four in the Russian
|
|
78
|
+
* catalogue. Both halves were ordinary flex items in a `space-between` row,
|
|
79
|
+
* so in a rail the button took the width it wanted and the heading got what
|
|
80
|
+
* was left — 43px of a 280px column.
|
|
81
|
+
* 2. **antd's `.ant-typography` ships `word-break: break-word`,** which is why
|
|
82
|
+
* the remains were not a truncated word but a word broken between its
|
|
83
|
+
* letters onto three lines. Breaking inside a word is for prose that has to
|
|
84
|
+
* fit a narrow measure; a one-word section heading is not that.
|
|
85
|
+
*
|
|
86
|
+
* So: the row WRAPS — the button drops to its own line rather than squeezing
|
|
87
|
+
* the word — the heading never shrinks below its own content and never breaks
|
|
88
|
+
* inside a word, and the button is the half that gives, wrapping its sentence
|
|
89
|
+
* over two lines when the rail is narrow.
|
|
90
|
+
*
|
|
91
|
+
* ── Why these are inline styles and not a hoisted sheet ───────────────────
|
|
92
|
+
*
|
|
93
|
+
* Because they contradict antd, and both elements are OURS. A class of ours
|
|
94
|
+
* against `.ant-typography` or `.ant-btn` is decided by whichever stylesheet
|
|
95
|
+
* was injected last, which is not a decision — it is a coin toss that happens
|
|
96
|
+
* to land right until a dependency reorders its emit. An inline style wins
|
|
97
|
+
* against every stylesheet by rule. `<LocationSummaryLine>` hoists a sheet
|
|
98
|
+
* because its rules have to reach a `<span>` antd generates and React never
|
|
99
|
+
* sees; nothing here does.
|
|
100
|
+
*/
|
|
101
|
+
const FACET_HEADING: CSSProperties = {
|
|
102
|
+
margin: 0,
|
|
103
|
+
// Never squeezed: 43px of a 280px column was a heading allowed to give its
|
|
104
|
+
// width to a twenty-five-character button.
|
|
105
|
+
flex: "0 0 auto",
|
|
106
|
+
minInlineSize: "max-content",
|
|
107
|
+
// Never hyphenated, never broken between the letters of one word.
|
|
108
|
+
wordBreak: "normal",
|
|
109
|
+
overflowWrap: "normal",
|
|
110
|
+
hyphens: "none",
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
/** The half that gives. A two-line button is a button; a three-line heading of
|
|
114
|
+
* one word is a defect. */
|
|
115
|
+
const FACET_CLEAR: CSSProperties = {
|
|
116
|
+
flex: "0 1 auto",
|
|
117
|
+
minInlineSize: 0,
|
|
118
|
+
whiteSpace: "normal",
|
|
119
|
+
height: "auto",
|
|
120
|
+
textAlign: "start",
|
|
121
|
+
};
|
|
122
|
+
|
|
66
123
|
/** What a host's category control is handed. */
|
|
67
124
|
export interface CategoryFilterSlotProps {
|
|
68
125
|
/** The `root/leaf` path the search is narrowed to, if any. */
|
|
@@ -349,16 +406,31 @@ export function FacetPanelPane(props: FacetPanelPaneProps): ReactElement {
|
|
|
349
406
|
});
|
|
350
407
|
return (
|
|
351
408
|
<Flex vertical gap={spacing[3]} data-testid="search-facets">
|
|
352
|
-
|
|
409
|
+
{/* In a 280px rail this row laid the word "Filters" out in a
|
|
410
|
+
43x78 box, three lines, one syllable each — see FACET_HEADING.
|
|
411
|
+
`wrap` is the row's half of the fix: the long sentence drops to
|
|
412
|
+
its own line instead of taking the heading's width. */}
|
|
413
|
+
<Flex
|
|
414
|
+
justify="space-between"
|
|
415
|
+
align="center"
|
|
416
|
+
wrap
|
|
417
|
+
gap={spacing[2]}
|
|
418
|
+
data-testid="search-facets-head"
|
|
419
|
+
>
|
|
353
420
|
{props.heading === null ? (
|
|
354
421
|
<span />
|
|
355
422
|
) : (
|
|
356
|
-
<Typography.Title
|
|
423
|
+
<Typography.Title
|
|
424
|
+
level={5}
|
|
425
|
+
style={FACET_HEADING}
|
|
426
|
+
data-testid="search-facets-heading"
|
|
427
|
+
>
|
|
357
428
|
{props.heading ?? t(SEARCH_I18N_KEYS.facetsTitle)}
|
|
358
429
|
</Typography.Title>
|
|
359
430
|
)}
|
|
360
431
|
{bag.activeFilters > 0 && (
|
|
361
432
|
<Button
|
|
433
|
+
style={FACET_CLEAR}
|
|
362
434
|
onClick={bag.clearAll}
|
|
363
435
|
data-analytics="none"
|
|
364
436
|
data-analytics-reason="a filter is a read, not a flow step"
|
|
@@ -27,34 +27,139 @@
|
|
|
27
27
|
*
|
|
28
28
|
* `<FilterChips>`'s leading chip is a 32px circle: a number inside it is a
|
|
29
29
|
* number nobody reads, so it shows a dot. This is a full-width row with a word
|
|
30
|
-
* on it, so
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
30
|
+
* on it, so it has room to say HOW MANY constraints are applied — which is the
|
|
31
|
+
* difference between "something is filtered" and "four things are, and that is
|
|
32
|
+
* why there are three results". Both read the same `activeFilters` off the URL
|
|
33
|
+
* state; neither invents a second counter.
|
|
34
|
+
*
|
|
35
|
+
* ## The row overlapped itself on a phone, and why (defect C12)
|
|
36
|
+
*
|
|
37
|
+
* Measured on a live 390px SERP, in both themes, on every result page:
|
|
38
|
+
*
|
|
39
|
+
* ```
|
|
40
|
+
* {"kind":"clipped-left","t":"A chosen place on the map","x":-4}
|
|
41
|
+
* {"kind":"overlap","a":"· Within 25 km","b":"Filters","px":43}
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* Three separate causes, and none of them was the flex row itself:
|
|
45
|
+
*
|
|
46
|
+
* 1. **An antd `<Button>` CENTRES its content.** `minWidth: 0` let the left
|
|
47
|
+
* item shrink, and nothing clipped what was inside it, so the label
|
|
48
|
+
* overflowed its box symmetrically — off the left edge of the screen at
|
|
49
|
+
* `x = -4` and 43px across the word "Filters" at the other end. A shrunk
|
|
50
|
+
* box with no `overflow` is not a truncation, it is an overlap.
|
|
51
|
+
* 2. **Nothing declared which end may shrink.** Both ends were `1 1 auto`, so
|
|
52
|
+
* a long place name took width from a word that must never lose any.
|
|
53
|
+
* 3. **The count was an antd `<Badge count>`,** which is an absolutely
|
|
54
|
+
* positioned `sup` hung off the top-right CORNER of what it wraps. At the
|
|
55
|
+
* trailing edge of a full-width row that lands it outside the row entirely
|
|
56
|
+
* — a red plaque floating in the corner of the page, attached to nothing
|
|
57
|
+
* (measured at `y = 72` for a row whose own line is at `y = 93`).
|
|
58
|
+
*
|
|
59
|
+
* So: one compact line, `place · radius` on the left and `Filters` right; the
|
|
60
|
+
* left is the only half that shrinks and it truncates with an ellipsis; the
|
|
61
|
+
* count rides IN the flow beside the word it counts for. The first two rules
|
|
62
|
+
* are what an inline style cannot reach (they belong on the wrapper antd puts
|
|
63
|
+
* around a button's children), which is why this file hoists a stylesheet the
|
|
64
|
+
* way `<ListingCard>` and `<SkinCarousel>` do.
|
|
34
65
|
*/
|
|
35
66
|
import { useState } from "react";
|
|
36
67
|
import type { CSSProperties, ReactElement, ReactNode } from "react";
|
|
37
|
-
import {
|
|
68
|
+
import { Button, Flex } from "antd";
|
|
38
69
|
import { useT } from "@stapel/core";
|
|
39
|
-
import { spacing } from "@stapel/tokens";
|
|
70
|
+
import { cssVar, fontSize, radii, spacing } from "@stapel/tokens";
|
|
40
71
|
import { useSearchState } from "../headless/SearchStateProvider.js";
|
|
41
72
|
import { SEARCH_I18N_KEYS } from "../i18n/keys.js";
|
|
42
73
|
import { geoSummaryFallback } from "./FacetPanelPane.js";
|
|
43
74
|
import type { GeoFilterSlotProps } from "./FacetPanelPane.js";
|
|
44
75
|
import { GeoSheet, SUMMARY_GEO_TEST_IDS } from "./geoSheet.js";
|
|
45
76
|
|
|
77
|
+
/** The class the row carries, for {@link locationLineCss}. */
|
|
78
|
+
export const LOCATION_LINE_CLASS = "stapel-search-location-line";
|
|
79
|
+
/** The class the shrinking half carries. */
|
|
80
|
+
export const LOCATION_LINE_WHERE_CLASS = "stapel-search-location-line-where";
|
|
81
|
+
/** The class the truncating label carries. */
|
|
82
|
+
export const LOCATION_LINE_LABEL_CLASS = "stapel-search-location-line-label";
|
|
83
|
+
/** The class the fixed half carries. */
|
|
84
|
+
export const LOCATION_LINE_END_CLASS = "stapel-search-location-line-end";
|
|
85
|
+
|
|
86
|
+
/** The `href` the hoisted stylesheet is deduplicated by. */
|
|
87
|
+
export const LOCATION_LINE_STYLE_HREF = "stapel-search-location-line";
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* The rules that keep the line ONE line — and that an inline style cannot
|
|
91
|
+
* reach, because they belong on the `<span>` antd wraps a button's children
|
|
92
|
+
* in. See the file header (defect C12) for what each of them stops.
|
|
93
|
+
*
|
|
94
|
+
* Static: nothing here varies per instance, so one hoisted copy serves a page
|
|
95
|
+
* in either theme.
|
|
96
|
+
*/
|
|
97
|
+
export function locationLineCss(): string {
|
|
98
|
+
const row = `.${LOCATION_LINE_CLASS}`;
|
|
99
|
+
const where = `.${LOCATION_LINE_WHERE_CLASS}`;
|
|
100
|
+
const label = `.${LOCATION_LINE_LABEL_CLASS}`;
|
|
101
|
+
const end = `.${LOCATION_LINE_END_CLASS}`;
|
|
102
|
+
return [
|
|
103
|
+
// `min-width:0` on the row too: a flex item's default `min-width:auto`
|
|
104
|
+
// is what makes a nested flex row refuse to shrink at all.
|
|
105
|
+
`${row}{min-inline-size:0}`,
|
|
106
|
+
// The ONLY half that shrinks, and it CLIPS what it cannot show. An antd
|
|
107
|
+
// Button is already a flex row and it CENTRES its children, so without
|
|
108
|
+
// these two the box shrank and its content overflowed both edges at once
|
|
109
|
+
// — the whole defect: `x:-4` on the left, 43px over "Filters" on the
|
|
110
|
+
// right.
|
|
111
|
+
`${where}{flex:1 1 auto;min-inline-size:0;overflow:hidden;` +
|
|
112
|
+
`justify-content:flex-start}`,
|
|
113
|
+
// Whatever the button puts its children in has to be allowed to shrink;
|
|
114
|
+
// a flex item's `min-width:auto` refuses to go below its content.
|
|
115
|
+
`${where}>span{min-inline-size:0}`,
|
|
116
|
+
// `display:block` is load-bearing: `text-overflow` applies to a BLOCK
|
|
117
|
+
// container and does nothing on a flex one, so a label that had been
|
|
118
|
+
// turned into a flex box truncated with a hard cut mid-glyph instead of
|
|
119
|
+
// an ellipsis.
|
|
120
|
+
`${label}{display:block;min-inline-size:0;overflow:hidden;` +
|
|
121
|
+
`text-overflow:ellipsis;white-space:nowrap}`,
|
|
122
|
+
// The word a person is looking for never loses a pixel to a place name.
|
|
123
|
+
`${end}{flex:0 0 auto}`,
|
|
124
|
+
].join("");
|
|
125
|
+
}
|
|
126
|
+
|
|
46
127
|
/** The row. Both ends are text buttons, so the row reads as a line of type
|
|
47
128
|
* rather than as two controls bolted onto a results page. */
|
|
48
129
|
const ROW: CSSProperties = { width: "100%" };
|
|
49
130
|
|
|
50
|
-
/**
|
|
51
|
-
*
|
|
131
|
+
/** The shrinking half. The flex rules it needs live in the hoisted sheet
|
|
132
|
+
* (they have to reach antd's own wrapper span); this is the chrome. */
|
|
52
133
|
const LOCATION: CSSProperties = {
|
|
53
|
-
minWidth: 0,
|
|
54
134
|
paddingInline: 0,
|
|
55
135
|
textAlign: "start",
|
|
56
136
|
};
|
|
57
137
|
|
|
138
|
+
/** The pin, which is not allowed to shrink either — a squashed glyph is
|
|
139
|
+
* noise, and it costs 16px. */
|
|
140
|
+
const PIN: CSSProperties = { flex: "0 0 auto", display: "inline-flex" };
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* The count, IN the flow.
|
|
144
|
+
*
|
|
145
|
+
* An antd `<Badge count>` is an absolutely positioned `sup` on the corner of
|
|
146
|
+
* whatever it wraps, and at the trailing edge of a full-width row that puts it
|
|
147
|
+
* outside the row: a red plaque in the corner of the page attached to nothing.
|
|
148
|
+
* A pill beside the word is the same fact, in the line it belongs to, and it
|
|
149
|
+
* takes part in the layout instead of floating over it.
|
|
150
|
+
*/
|
|
151
|
+
const COUNT: CSSProperties = {
|
|
152
|
+
display: "inline-block",
|
|
153
|
+
minInlineSize: `${String(spacing[4])}px`,
|
|
154
|
+
paddingInline: spacing[1],
|
|
155
|
+
borderRadius: radii.full,
|
|
156
|
+
background: cssVar("brand"),
|
|
157
|
+
color: cssVar("text-on-accent"),
|
|
158
|
+
fontSize: fontSize.xs.fontSize,
|
|
159
|
+
lineHeight: `${String(spacing[4])}px`,
|
|
160
|
+
textAlign: "center",
|
|
161
|
+
};
|
|
162
|
+
|
|
58
163
|
export interface LocationSummaryLineProps {
|
|
59
164
|
/**
|
|
60
165
|
* The location control the sheet opens onto — the same slot the panel and
|
|
@@ -123,18 +228,26 @@ export function LocationSummaryLine(
|
|
|
123
228
|
|
|
124
229
|
return (
|
|
125
230
|
<>
|
|
231
|
+
<style href={LOCATION_LINE_STYLE_HREF} precedence="default">
|
|
232
|
+
{locationLineCss()}
|
|
233
|
+
</style>
|
|
126
234
|
<Flex
|
|
127
235
|
align="center"
|
|
128
236
|
justify="space-between"
|
|
129
237
|
gap={spacing[2]}
|
|
130
238
|
style={ROW}
|
|
239
|
+
className={LOCATION_LINE_CLASS}
|
|
131
240
|
data-testid="search-location-summary"
|
|
132
241
|
data-geo={geo === undefined ? "off" : "on"}
|
|
133
242
|
>
|
|
243
|
+
{/* The glyph is rendered as a CHILD rather than through antd's `icon`
|
|
244
|
+
prop: the icon slot sits outside the wrapper span, so the label
|
|
245
|
+
beside it could not be given a min-width of its own — and a label
|
|
246
|
+
that cannot shrink is a label that overflows. */}
|
|
134
247
|
<Button
|
|
135
248
|
type="link"
|
|
136
249
|
style={LOCATION}
|
|
137
|
-
|
|
250
|
+
className={LOCATION_LINE_WHERE_CLASS}
|
|
138
251
|
data-testid="search-location-open"
|
|
139
252
|
data-analytics="none"
|
|
140
253
|
data-analytics-reason="opening the location sheet is a read, not a flow step"
|
|
@@ -142,13 +255,21 @@ export function LocationSummaryLine(
|
|
|
142
255
|
setOpen(true);
|
|
143
256
|
}}
|
|
144
257
|
>
|
|
145
|
-
{
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
258
|
+
<span style={PIN}>
|
|
259
|
+
<PinGlyph />
|
|
260
|
+
</span>
|
|
261
|
+
<span
|
|
262
|
+
className={LOCATION_LINE_LABEL_CLASS}
|
|
263
|
+
data-testid="search-location-label"
|
|
264
|
+
>
|
|
265
|
+
{where}
|
|
266
|
+
{radius !== undefined && (
|
|
267
|
+
<span data-testid="search-location-radius">
|
|
268
|
+
{" · "}
|
|
269
|
+
{radius}
|
|
270
|
+
</span>
|
|
271
|
+
)}
|
|
272
|
+
</span>
|
|
152
273
|
</Button>
|
|
153
274
|
|
|
154
275
|
{/* "Filters", not "All filters": this end of the row shares 390px
|
|
@@ -156,10 +277,12 @@ export function LocationSummaryLine(
|
|
|
156
277
|
the person is looking for is the noun. The panel's own heading
|
|
157
278
|
still says "All filters" — there it is naming a sheet, not a
|
|
158
279
|
door. */}
|
|
159
|
-
{/* The count, not a dot: this row has the width to say how many
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
280
|
+
{/* The count, not a dot: this row has the width to say how many — and
|
|
281
|
+
it rides IN the line rather than floating off its corner. */}
|
|
282
|
+
<Flex
|
|
283
|
+
align="center"
|
|
284
|
+
gap={spacing[1]}
|
|
285
|
+
className={LOCATION_LINE_END_CLASS}
|
|
163
286
|
data-testid="search-location-filters-badge"
|
|
164
287
|
>
|
|
165
288
|
<Button
|
|
@@ -173,7 +296,12 @@ export function LocationSummaryLine(
|
|
|
173
296
|
>
|
|
174
297
|
{t(SEARCH_I18N_KEYS.filtersShort)}
|
|
175
298
|
</Button>
|
|
176
|
-
|
|
299
|
+
{activeFilters > 0 && (
|
|
300
|
+
<span style={COUNT} data-testid="search-location-filters-count">
|
|
301
|
+
{activeFilters}
|
|
302
|
+
</span>
|
|
303
|
+
)}
|
|
304
|
+
</Flex>
|
|
177
305
|
</Flex>
|
|
178
306
|
|
|
179
307
|
<GeoSheet
|
|
@@ -126,6 +126,12 @@ export const FILTERS_RAIL_WIDTH = 280;
|
|
|
126
126
|
*/
|
|
127
127
|
const RAIL: CSSProperties = {
|
|
128
128
|
flex: `0 0 ${String(FILTERS_RAIL_WIDTH)}px`,
|
|
129
|
+
// Both bounds, not just the upper one. `flex-shrink: 0` already holds the
|
|
130
|
+
// column at its basis in this row, but the panel is handed to hosts and to
|
|
131
|
+
// the sheet as well, and a filter column that can be squeezed is how the
|
|
132
|
+
// word "Filters" ended up laid out down its left edge (defect C14). The
|
|
133
|
+
// width is a property of the instrument, so it is stated as one.
|
|
134
|
+
minWidth: FILTERS_RAIL_WIDTH,
|
|
129
135
|
maxWidth: FILTERS_RAIL_WIDTH,
|
|
130
136
|
position: "sticky",
|
|
131
137
|
top: 0,
|