@ketvietlab/design-system 0.1.25 → 0.1.29
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/README.md +29 -0
- package/dist/atlas/island-runtime.d.mts +2 -0
- package/dist/atlas/island-runtime.d.mts.map +1 -0
- package/dist/atlas/island-runtime.mjs +2 -0
- package/dist/atlas/island-runtime.mjs.map +1 -0
- package/dist/atlas/relation-select-hydration.d.ts +2 -0
- package/dist/atlas/relation-select-hydration.d.ts.map +1 -0
- package/dist/atlas/relation-select-hydration.js +40 -0
- package/dist/atlas/relation-select-hydration.js.map +1 -0
- package/dist/atlas-cli.d.ts.map +1 -1
- package/dist/atlas-cli.js +18 -3
- package/dist/atlas-cli.js.map +1 -1
- package/dist/catalogue/index.js +1 -1
- package/dist/catalogue/inventory-policy.json +49 -0
- package/dist/catalogue/inventory.generated.js +1 -1
- package/dist/catalogue/inventory.generated.js.map +1 -1
- package/dist/catalogue/inventory.generated.json +2613 -1092
- package/dist/catalogue/registry.d.ts.map +1 -1
- package/dist/catalogue/registry.js +18 -0
- package/dist/catalogue/registry.js.map +1 -1
- package/dist/catalogue/specimens.d.ts.map +1 -1
- package/dist/catalogue/specimens.js +130 -10
- package/dist/catalogue/specimens.js.map +1 -1
- package/dist/contract/index.d.ts.map +1 -1
- package/dist/contract/index.js +10 -0
- package/dist/contract/index.js.map +1 -1
- package/dist/foundations/tokens.css +34 -26
- package/dist/index.d.ts +14 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/dist/interactions/ket-table/demo.d.ts +4 -0
- package/dist/interactions/ket-table/demo.d.ts.map +1 -0
- package/dist/interactions/ket-table/demo.js +147 -0
- package/dist/interactions/ket-table/demo.js.map +1 -0
- package/dist/interactions/ket-table/index.d.ts +199 -0
- package/dist/interactions/ket-table/index.d.ts.map +1 -0
- package/dist/interactions/ket-table/index.js +376 -0
- package/dist/interactions/ket-table/index.js.map +1 -0
- package/dist/interactions/ket-table/styles.css +282 -0
- package/dist/interactions/lightbox/demo.d.ts +3 -0
- package/dist/interactions/lightbox/demo.d.ts.map +1 -0
- package/dist/interactions/lightbox/demo.js +21 -0
- package/dist/interactions/lightbox/demo.js.map +1 -0
- package/dist/interactions/lightbox/index.d.ts +58 -0
- package/dist/interactions/lightbox/index.d.ts.map +1 -0
- package/dist/interactions/lightbox/index.js +220 -0
- package/dist/interactions/lightbox/index.js.map +1 -0
- package/dist/interactions/lightbox/styles.css +153 -0
- package/dist/interactions/relation-select/demo.d.ts +3 -0
- package/dist/interactions/relation-select/demo.d.ts.map +1 -0
- package/dist/interactions/relation-select/demo.js +36 -0
- package/dist/interactions/relation-select/demo.js.map +1 -0
- package/dist/interactions/relation-select/index.d.ts +87 -0
- package/dist/interactions/relation-select/index.d.ts.map +1 -0
- package/dist/interactions/relation-select/index.js +307 -0
- package/dist/interactions/relation-select/index.js.map +1 -0
- package/dist/interactions/relation-select/styles.css +311 -0
- package/dist/interactions/reorder-list/index.d.ts +23 -0
- package/dist/interactions/reorder-list/index.d.ts.map +1 -0
- package/dist/interactions/reorder-list/index.js +15 -0
- package/dist/interactions/reorder-list/index.js.map +1 -0
- package/dist/interactions/reorder-list/runtime.d.ts +5 -0
- package/dist/interactions/reorder-list/runtime.d.ts.map +1 -0
- package/dist/interactions/reorder-list/runtime.js +85 -0
- package/dist/interactions/reorder-list/runtime.js.map +1 -0
- package/dist/interactions/reorder-list/styles.css +33 -0
- package/dist/interactions/search-filter/demo.d.ts +3 -0
- package/dist/interactions/search-filter/demo.d.ts.map +1 -0
- package/dist/interactions/search-filter/demo.js +74 -0
- package/dist/interactions/search-filter/demo.js.map +1 -0
- package/dist/interactions/search-filter/index.d.ts +153 -0
- package/dist/interactions/search-filter/index.d.ts.map +1 -0
- package/dist/interactions/search-filter/index.js +824 -0
- package/dist/interactions/search-filter/index.js.map +1 -0
- package/dist/interactions/search-filter/styles.css +580 -0
- package/dist/layouts/app-navigation/index.d.ts +11 -5
- package/dist/layouts/app-navigation/index.d.ts.map +1 -1
- package/dist/layouts/app-navigation/index.js +5 -3
- package/dist/layouts/app-navigation/index.js.map +1 -1
- package/dist/layouts/app-navigation/styles.css +50 -0
- package/dist/layouts/page-identity/index.d.ts +2 -0
- package/dist/layouts/page-identity/index.d.ts.map +1 -1
- package/dist/layouts/page-identity/index.js +2 -2
- package/dist/layouts/page-identity/index.js.map +1 -1
- package/dist/layouts/shell/index.d.ts +34 -1
- package/dist/layouts/shell/index.d.ts.map +1 -1
- package/dist/layouts/shell/index.js +26 -2
- package/dist/layouts/shell/index.js.map +1 -1
- package/dist/layouts/shell/styles.css +283 -0
- package/dist/patterns/data-table/styles.css +1 -1
- package/dist/patterns/list-page/index.d.ts +10 -3
- package/dist/patterns/list-page/index.d.ts.map +1 -1
- package/dist/patterns/list-page/index.js +10 -6
- package/dist/patterns/list-page/index.js.map +1 -1
- package/dist/patterns/list-page/responsive.css +1 -5
- package/dist/patterns/list-page/styles.css +25 -3
- package/dist/patterns/modal-sheet/index.d.ts +2 -0
- package/dist/patterns/modal-sheet/index.d.ts.map +1 -1
- package/dist/patterns/modal-sheet/index.js +3 -1
- package/dist/patterns/modal-sheet/index.js.map +1 -1
- package/dist/patterns/record-form/styles.css +34 -0
- package/dist/primitives/actions/index.d.ts +4 -0
- package/dist/primitives/actions/index.d.ts.map +1 -1
- package/dist/primitives/actions/index.js +2 -2
- package/dist/primitives/actions/index.js.map +1 -1
- package/dist/primitives/actions/styles.css +9 -0
- package/dist/primitives/feedback/styles.css +4 -1
- package/dist/primitives/status/index.d.ts +12 -1
- package/dist/primitives/status/index.d.ts.map +1 -1
- package/dist/primitives/status/index.js +16 -1
- package/dist/primitives/status/index.js.map +1 -1
- package/dist/primitives/status/styles.css +28 -0
- package/dist/record/formatted-values/index.d.ts +2 -1
- package/dist/record/formatted-values/index.d.ts.map +1 -1
- package/dist/record/formatted-values/index.js +2 -1
- package/dist/record/formatted-values/index.js.map +1 -1
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +129 -2
- package/dist/runtime/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/relation-select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,311 @@
|
|
|
1
|
+
@layer ket.app {
|
|
2
|
+
/* Relational selectors keep the short path compact and put full CRUD in the
|
|
3
|
+
modal. The footer action remains visible even when the relation is empty. */
|
|
4
|
+
:where([data-kv-design-system]) [data-ui="relation-select"] {
|
|
5
|
+
position: relative;
|
|
6
|
+
inline-size: 100%;
|
|
7
|
+
min-inline-size: 0;
|
|
8
|
+
}
|
|
9
|
+
:where([data-kv-design-system]) [data-ui="relation-native"] {
|
|
10
|
+
position: absolute;
|
|
11
|
+
inset-block-end: 0;
|
|
12
|
+
inset-inline-start: 0;
|
|
13
|
+
inline-size: 1px;
|
|
14
|
+
block-size: 1px;
|
|
15
|
+
opacity: 0;
|
|
16
|
+
pointer-events: none;
|
|
17
|
+
}
|
|
18
|
+
:where([data-kv-design-system]) [data-ui="relation-trigger"] {
|
|
19
|
+
display: flex;
|
|
20
|
+
inline-size: 100%;
|
|
21
|
+
min-inline-size: 0;
|
|
22
|
+
min-block-size: var(--kv-control-height);
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: space-between;
|
|
25
|
+
gap: var(--kv-space-2);
|
|
26
|
+
padding: 0.25rem 0.5rem;
|
|
27
|
+
border: 1px solid var(--kv-border-strong);
|
|
28
|
+
border-radius: var(--kv-radius-sm);
|
|
29
|
+
background: var(--kv-panel-bg);
|
|
30
|
+
color: var(--kv-text-main);
|
|
31
|
+
font: inherit;
|
|
32
|
+
/* The same type metrics as a design-system field control. Without them the
|
|
33
|
+
button inherits the body's larger line box and stands 2px taller than every
|
|
34
|
+
other control on the row. */
|
|
35
|
+
font-size: 0.875rem;
|
|
36
|
+
line-height: 1.3;
|
|
37
|
+
text-align: start;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
}
|
|
40
|
+
:where([data-kv-design-system]) [data-ui="relation-trigger"][data-empty="true"] {
|
|
41
|
+
color: var(--kv-text-muted);
|
|
42
|
+
}
|
|
43
|
+
:where([data-kv-design-system]) [data-ui="relation-trigger"]:focus-visible {
|
|
44
|
+
border-color: var(--kv-focus-border);
|
|
45
|
+
box-shadow: 0 0 0 3px var(--kv-color-focus-ring);
|
|
46
|
+
outline: none;
|
|
47
|
+
}
|
|
48
|
+
:where([data-kv-design-system]) [data-ui="relation-value"] {
|
|
49
|
+
min-inline-size: 0;
|
|
50
|
+
overflow: hidden;
|
|
51
|
+
text-overflow: ellipsis;
|
|
52
|
+
white-space: nowrap;
|
|
53
|
+
}
|
|
54
|
+
/* Its own centered box, same technique as [data-ui="combobox-toggle"] — a glyph
|
|
55
|
+
sharing the button's text line box instead renders low, off the visual center
|
|
56
|
+
(the "▾" character sits near its font's baseline, not its line-height middle). */
|
|
57
|
+
:where([data-kv-design-system]) [data-ui="relation-caret"] {
|
|
58
|
+
display: inline-grid;
|
|
59
|
+
flex-shrink: 0;
|
|
60
|
+
place-items: center;
|
|
61
|
+
inline-size: 1rem;
|
|
62
|
+
block-size: 1rem;
|
|
63
|
+
color: var(--kv-text-secondary);
|
|
64
|
+
}
|
|
65
|
+
/* A multi-valued relation shows what it holds beneath the trigger, so the
|
|
66
|
+
trigger itself stays an "add another" affordance at a fixed height. */
|
|
67
|
+
:where([data-kv-design-system]) [data-ui="relation-chips"] {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-wrap: wrap;
|
|
70
|
+
margin: var(--kv-space-1) 0 0;
|
|
71
|
+
padding: 0;
|
|
72
|
+
gap: var(--kv-space-1);
|
|
73
|
+
list-style: none;
|
|
74
|
+
}
|
|
75
|
+
:where([data-kv-design-system]) [data-ui="relation-chip"] {
|
|
76
|
+
display: inline-flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
max-inline-size: 100%;
|
|
79
|
+
gap: 0.25rem;
|
|
80
|
+
padding: 0.125rem 0.25rem 0.125rem 0.5rem;
|
|
81
|
+
border: 1px solid var(--kv-border-default);
|
|
82
|
+
border-radius: var(--kv-radius-sm);
|
|
83
|
+
background: var(--kv-surface-raised);
|
|
84
|
+
color: var(--kv-text-main);
|
|
85
|
+
}
|
|
86
|
+
:where([data-kv-design-system]) [data-ui="relation-chip"] > span {
|
|
87
|
+
min-inline-size: 0;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
text-overflow: ellipsis;
|
|
90
|
+
white-space: nowrap;
|
|
91
|
+
}
|
|
92
|
+
:where([data-kv-design-system]) [data-ui="relation-chip-clear"] {
|
|
93
|
+
display: inline-flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
justify-content: center;
|
|
96
|
+
inline-size: 1.25rem;
|
|
97
|
+
block-size: 1.25rem;
|
|
98
|
+
flex: none;
|
|
99
|
+
padding: 0;
|
|
100
|
+
border: 0;
|
|
101
|
+
border-radius: var(--kv-radius-sm);
|
|
102
|
+
background: transparent;
|
|
103
|
+
color: var(--kv-text-muted);
|
|
104
|
+
font: inherit;
|
|
105
|
+
line-height: 1;
|
|
106
|
+
cursor: pointer;
|
|
107
|
+
}
|
|
108
|
+
:where([data-kv-design-system]) [data-ui="relation-chip-clear"]:is(:hover, :focus-visible) {
|
|
109
|
+
color: var(--kv-text-main);
|
|
110
|
+
}
|
|
111
|
+
:where([data-kv-design-system]) [data-ui="relation-chip-clear"]:focus-visible {
|
|
112
|
+
outline: 2px solid var(--kv-focus-border);
|
|
113
|
+
outline-offset: 1px;
|
|
114
|
+
}
|
|
115
|
+
:where([data-kv-design-system]) [data-ui="relation-option"][data-selected="true"]::after,
|
|
116
|
+
:where([data-kv-design-system])
|
|
117
|
+
[data-ui="relation-dialog-row"][data-selected="true"]
|
|
118
|
+
[data-ui="relation-dialog-main"]
|
|
119
|
+
strong::after {
|
|
120
|
+
content: " ✓";
|
|
121
|
+
color: var(--kv-text-muted);
|
|
122
|
+
}
|
|
123
|
+
/* The mark shares the label's row, in its own column, rather than falling onto
|
|
124
|
+
a grid row of its own below a two-line (label + description) option. */
|
|
125
|
+
:where([data-kv-design-system]) [data-ui="relation-option"][data-selected="true"]::after {
|
|
126
|
+
grid-column: 2;
|
|
127
|
+
grid-row: 1 / -1;
|
|
128
|
+
align-self: center;
|
|
129
|
+
}
|
|
130
|
+
:where([data-kv-design-system]) [data-ui="relation-menu"] {
|
|
131
|
+
position: absolute;
|
|
132
|
+
inset-block-start: calc(100% + 0.25rem);
|
|
133
|
+
inset-inline: 0;
|
|
134
|
+
z-index: var(--kv-layer-menu);
|
|
135
|
+
display: grid;
|
|
136
|
+
min-inline-size: min(22rem, calc(100vw - 2rem));
|
|
137
|
+
overflow: hidden;
|
|
138
|
+
border: 1px solid var(--kv-border-strong);
|
|
139
|
+
border-radius: var(--kv-radius-sm);
|
|
140
|
+
background: var(--kv-panel-bg);
|
|
141
|
+
box-shadow: var(--kv-shadow-popover);
|
|
142
|
+
}
|
|
143
|
+
:where([data-kv-design-system]) [data-ui="relation-search"] {
|
|
144
|
+
inline-size: calc(100% - var(--kv-space-2) * 2);
|
|
145
|
+
min-block-size: var(--kv-control-height);
|
|
146
|
+
margin: var(--kv-space-2);
|
|
147
|
+
padding: 0.25rem 0.5rem;
|
|
148
|
+
border: 1px solid var(--kv-border-default);
|
|
149
|
+
border-radius: var(--kv-radius-sm);
|
|
150
|
+
background: var(--kv-panel-bg);
|
|
151
|
+
color: var(--kv-text-main);
|
|
152
|
+
font: inherit;
|
|
153
|
+
}
|
|
154
|
+
:where([data-kv-design-system]) [data-ui="relation-options"] {
|
|
155
|
+
display: grid;
|
|
156
|
+
max-block-size: 16rem;
|
|
157
|
+
overflow: auto;
|
|
158
|
+
}
|
|
159
|
+
:where([data-kv-design-system]) [data-ui="relation-option"] {
|
|
160
|
+
display: grid;
|
|
161
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
162
|
+
align-items: center;
|
|
163
|
+
column-gap: var(--kv-space-2);
|
|
164
|
+
min-block-size: var(--kv-control-height);
|
|
165
|
+
padding: 0.375rem 0.625rem;
|
|
166
|
+
border: 0;
|
|
167
|
+
background: transparent;
|
|
168
|
+
color: var(--kv-text-main);
|
|
169
|
+
font: inherit;
|
|
170
|
+
text-align: start;
|
|
171
|
+
cursor: pointer;
|
|
172
|
+
}
|
|
173
|
+
:where([data-kv-design-system]) [data-ui="relation-option"]:is(:hover, :focus-visible),
|
|
174
|
+
:where([data-kv-design-system]) [data-ui="relation-option"][aria-selected="true"] {
|
|
175
|
+
background: var(--kv-accent-subtle);
|
|
176
|
+
outline: none;
|
|
177
|
+
}
|
|
178
|
+
:where([data-kv-design-system]) [data-ui="relation-option"] > span {
|
|
179
|
+
grid-column: 1;
|
|
180
|
+
grid-row: 1;
|
|
181
|
+
min-inline-size: 0;
|
|
182
|
+
overflow: hidden;
|
|
183
|
+
text-overflow: ellipsis;
|
|
184
|
+
}
|
|
185
|
+
:where([data-kv-design-system]) [data-ui="relation-option"] small {
|
|
186
|
+
grid-column: 1;
|
|
187
|
+
grid-row: 2;
|
|
188
|
+
color: var(--kv-text-muted);
|
|
189
|
+
}
|
|
190
|
+
/* The footer holds one full-width row rather than a chip-sized button, so
|
|
191
|
+
hovering it feels like hovering an option above it, not a separate control. */
|
|
192
|
+
:where([data-kv-design-system]) [data-ui="relation-footer"] {
|
|
193
|
+
display: flex;
|
|
194
|
+
padding: 0;
|
|
195
|
+
border-block-start: 1px solid var(--kv-border-default);
|
|
196
|
+
}
|
|
197
|
+
:where([data-kv-design-system]) [data-ui="relation-footer"] [data-ui="action"] {
|
|
198
|
+
flex: 1;
|
|
199
|
+
justify-content: flex-start;
|
|
200
|
+
padding: var(--kv-space-1) var(--kv-space-2);
|
|
201
|
+
border-radius: 0;
|
|
202
|
+
}
|
|
203
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-toolbar"] {
|
|
204
|
+
display: flex;
|
|
205
|
+
align-items: center;
|
|
206
|
+
gap: var(--kv-space-2);
|
|
207
|
+
margin-block-end: var(--kv-space-3);
|
|
208
|
+
}
|
|
209
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-toolbar"] [data-ui="relation-search-field"] {
|
|
210
|
+
flex: 1 1 auto;
|
|
211
|
+
}
|
|
212
|
+
/* Own box, own icon: the field itself is a plain [data-ui="field-control"] (the
|
|
213
|
+
same portable box every other design-system text input uses — this used to be
|
|
214
|
+
the ketsuite-only "form-control" hook, which had no styling once relation-select
|
|
215
|
+
moved somewhere ketsuite's own stylesheet is not loaded), with a leading glyph
|
|
216
|
+
that needs the input's own inline-start padding pushed over to make room. */
|
|
217
|
+
:where([data-kv-design-system]) [data-ui="relation-search-field"] {
|
|
218
|
+
position: relative;
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
min-inline-size: 0;
|
|
222
|
+
}
|
|
223
|
+
:where([data-kv-design-system]) [data-ui="relation-search-field"] > input {
|
|
224
|
+
padding-inline-start: 1.75rem;
|
|
225
|
+
}
|
|
226
|
+
:where([data-kv-design-system]) [data-ui="relation-search-icon"] {
|
|
227
|
+
position: absolute;
|
|
228
|
+
inset-inline-start: var(--kv-space-2-5);
|
|
229
|
+
display: inline-grid;
|
|
230
|
+
place-items: center;
|
|
231
|
+
inline-size: 1rem;
|
|
232
|
+
block-size: 1rem;
|
|
233
|
+
color: var(--kv-text-muted);
|
|
234
|
+
pointer-events: none;
|
|
235
|
+
}
|
|
236
|
+
:where([data-kv-design-system]) [data-ui="relation-search-icon"] svg {
|
|
237
|
+
inline-size: 100%;
|
|
238
|
+
block-size: 100%;
|
|
239
|
+
}
|
|
240
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-list"] {
|
|
241
|
+
display: grid;
|
|
242
|
+
margin: 0;
|
|
243
|
+
padding: 0;
|
|
244
|
+
border-block-start: 1px solid var(--kv-border-default);
|
|
245
|
+
list-style: none;
|
|
246
|
+
}
|
|
247
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-row"] {
|
|
248
|
+
display: grid;
|
|
249
|
+
min-inline-size: 0;
|
|
250
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
251
|
+
align-items: center;
|
|
252
|
+
gap: var(--kv-space-2);
|
|
253
|
+
padding: var(--kv-space-2) 0;
|
|
254
|
+
border-block-end: 1px solid var(--kv-border-default);
|
|
255
|
+
}
|
|
256
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-main"] {
|
|
257
|
+
display: grid;
|
|
258
|
+
min-inline-size: 0;
|
|
259
|
+
gap: 0.125rem;
|
|
260
|
+
padding: 0;
|
|
261
|
+
border: 0;
|
|
262
|
+
background: transparent;
|
|
263
|
+
color: var(--kv-text-main);
|
|
264
|
+
font: inherit;
|
|
265
|
+
text-align: start;
|
|
266
|
+
cursor: pointer;
|
|
267
|
+
}
|
|
268
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-main"]:focus-visible {
|
|
269
|
+
outline: 2px solid var(--kv-focus-border);
|
|
270
|
+
outline-offset: 2px;
|
|
271
|
+
}
|
|
272
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-meta"] {
|
|
273
|
+
overflow: hidden;
|
|
274
|
+
color: var(--kv-text-muted);
|
|
275
|
+
text-overflow: ellipsis;
|
|
276
|
+
white-space: nowrap;
|
|
277
|
+
}
|
|
278
|
+
:where([data-kv-design-system]) [data-ui="relation-dialog-actions"] {
|
|
279
|
+
display: flex;
|
|
280
|
+
flex-wrap: wrap;
|
|
281
|
+
justify-content: flex-end;
|
|
282
|
+
gap: var(--kv-space-1);
|
|
283
|
+
}
|
|
284
|
+
:where([data-kv-design-system]) [data-ui="relation-editor"] {
|
|
285
|
+
display: grid;
|
|
286
|
+
gap: var(--kv-space-3);
|
|
287
|
+
margin-block-end: var(--kv-space-3);
|
|
288
|
+
padding: var(--kv-space-3);
|
|
289
|
+
border: 1px solid var(--kv-border-default);
|
|
290
|
+
border-radius: var(--kv-radius-sm);
|
|
291
|
+
background: var(--kv-surface-raised);
|
|
292
|
+
}
|
|
293
|
+
:where([data-kv-design-system]) [data-ui="relation-empty"] {
|
|
294
|
+
margin: 0;
|
|
295
|
+
padding: var(--kv-space-3);
|
|
296
|
+
color: var(--kv-text-muted);
|
|
297
|
+
text-align: center;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
@media (max-width: 47.9375rem) {
|
|
301
|
+
/* A button sits in a row with the fields it submits, so it is the height of
|
|
302
|
+
one. The 2.75rem touch target this used to take stood half again as tall
|
|
303
|
+
as the input above it and read as a banner rather than a control. */
|
|
304
|
+
:where([data-kv-design-system])
|
|
305
|
+
[data-ui="modal-layer"][data-presentation="dialog"]
|
|
306
|
+
[data-ui="relation-dialog-actions"]
|
|
307
|
+
[data-ui="action"][data-size="compact"] {
|
|
308
|
+
min-block-size: var(--kv-control-height);
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type JSXChild, type TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
|
+
export declare const HOOKS: readonly ['reorder-list', 'reorder-list-value', 'reorder-list-rows', 'reorder-list-row', 'reorder-list-content', 'reorder-list-controls'];
|
|
3
|
+
export type ReorderListProps = {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
label: string;
|
|
7
|
+
items: readonly {
|
|
8
|
+
id: string;
|
|
9
|
+
content: JSXChild;
|
|
10
|
+
}[];
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
labels: {
|
|
13
|
+
add: string;
|
|
14
|
+
remove: string;
|
|
15
|
+
up: string;
|
|
16
|
+
down: string;
|
|
17
|
+
drag: string;
|
|
18
|
+
empty: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
/** Editable content stays caller-owned; this control emits its ordered ids through a native change event. */
|
|
22
|
+
export declare const ReorderList: (props: ReorderListProps) => TemplateResult;
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/reorder-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAIjF,eAAO,MAAM,KAAK,YAChB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,CACf,CAAA;AACV,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE,EAAE,CAAA;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/F,CAAA;AACD,6GAA6G;AAC7G,eAAO,MAAM,WAAW,UAAW,gBAAgB,KAAG,cAsErD,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
import { each } from '@ketvietlab/ketjs-view';
|
|
3
|
+
import { Button } from '../../primitives/actions/index.js';
|
|
4
|
+
import { reorderClick, reorderDragStart, reorderDragOver, reorderDrop } from './runtime.js';
|
|
5
|
+
export const HOOKS = [
|
|
6
|
+
'reorder-list',
|
|
7
|
+
'reorder-list-value',
|
|
8
|
+
'reorder-list-rows',
|
|
9
|
+
'reorder-list-row',
|
|
10
|
+
'reorder-list-content',
|
|
11
|
+
'reorder-list-controls',
|
|
12
|
+
];
|
|
13
|
+
/** Editable content stays caller-owned; this control emits its ordered ids through a native change event. */
|
|
14
|
+
export const ReorderList = (props) => (_jsxs("div", { id: props.id, role: "group", "aria-label": props.label, "data-ui": "reorder-list", onClick: reorderClick, onDragStart: reorderDragStart, onDragOver: reorderDragOver, onDrop: reorderDrop, children: [_jsx("input", { "data-ui": "reorder-list-value", type: "hidden", name: props.name, value: JSON.stringify(props.items.map((item) => item.id)), disabled: props.disabled, autocomplete: "off" }), _jsx("ol", { "data-ui": "reorder-list-rows", "aria-label": props.label, children: each(props.items, (item) => item.id, (item, index) => (_jsxs("li", { "data-ui": "reorder-list-row", "data-reorder-id": item.id, children: [_jsx("div", { "data-ui": "reorder-list-content", children: item.content }), _jsxs("div", { "data-ui": "reorder-list-controls", children: [_jsx("span", { "data-reorder-handle": true, draggable: !props.disabled, children: _jsx(Button, { label: props.labels.drag, size: "compact", variant: "tertiary", disabled: props.disabled }) }), _jsx("span", { "data-reorder-action": "up", children: _jsx(Button, { label: props.labels.up, size: "compact", variant: "tertiary", disabled: props.disabled || index === 0 }) }), _jsx("span", { "data-reorder-action": "down", children: _jsx(Button, { label: props.labels.down, size: "compact", variant: "tertiary", disabled: props.disabled || index === props.items.length - 1 }) }), _jsx("span", { "data-reorder-action": "remove", children: _jsx(Button, { label: props.labels.remove, size: "compact", variant: "tertiary", disabled: props.disabled }) })] })] }))) }), !props.items.length && _jsx("p", { children: props.labels.empty }), _jsx("span", { "data-reorder-action": "add", children: _jsx(Button, { label: props.labels.add, size: "compact", disabled: props.disabled }) })] }));
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/reorder-list/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsC,MAAM,wBAAwB,CAAA;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAoC,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE3F,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,cAAc;IACd,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;IACtB,uBAAuB;CACf,CAAA;AASV,6GAA6G;AAC7G,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAkB,EAAE,CAAC,CAEtE,eACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,KAAK,aACf,cAAc,EACtB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,eAAe,EAC3B,MAAM,EAAE,WAAW,aAEnB,2BACU,oBAAoB,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EACzD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,YAAY,EAAC,KAAK,GAClB,EACF,wBAAY,mBAAmB,gBAAa,KAAK,CAAC,KAAK,YACpD,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACf,yBAAY,kBAAkB,qBAAkB,IAAI,CAAC,EAAE,aACrD,yBAAa,sBAAsB,YAAE,IAAI,CAAC,OAAO,GAAO,EACxD,0BAAa,uBAAuB,aAClC,4CAA0B,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,YAClD,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACxB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,GACG,EACP,sCAA0B,IAAI,YAC5B,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EACtB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,KAAK,CAAC,GACvC,GACG,EACP,sCAA0B,MAAM,YAC9B,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACxB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAC5D,GACG,EACP,sCAA0B,QAAQ,YAChC,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC1B,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,GACG,IACH,IACH,CACN,CACF,GACE,EACJ,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,sBAAI,KAAK,CAAC,MAAM,CAAC,KAAK,GAAK,EACnD,sCAA0B,KAAK,YAC7B,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GACvE,IACH,CACP,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const reorderClick: (event: Event) => void;
|
|
2
|
+
export declare const reorderDragStart: (event: DragEvent) => void;
|
|
3
|
+
export declare const reorderDragOver: (event: DragEvent) => void;
|
|
4
|
+
export declare const reorderDrop: (event: DragEvent) => void;
|
|
5
|
+
//# sourceMappingURL=runtime.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/reorder-list/runtime.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,YAAY,UAAW,KAAK,KAAG,IAuB3C,CAAA;AAED,eAAO,MAAM,gBAAgB,UAAW,SAAS,KAAG,IAenD,CAAA;AACD,eAAO,MAAM,eAAe,UAAW,SAAS,KAAG,IAElD,CAAA;AACD,eAAO,MAAM,WAAW,UAAW,SAAS,KAAG,IAoB9C,CAAA"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
const rootOf = (event) => event.currentTarget instanceof HTMLElement ? event.currentTarget : null;
|
|
2
|
+
const commit = (root, ids, focusId) => {
|
|
3
|
+
const control = root.querySelector('[data-ui="reorder-list-value"]');
|
|
4
|
+
if (!control || control.disabled)
|
|
5
|
+
return;
|
|
6
|
+
control.value = JSON.stringify(ids);
|
|
7
|
+
control.dispatchEvent(new Event('change', { bubbles: true }));
|
|
8
|
+
requestAnimationFrame(() => {
|
|
9
|
+
const refreshed = document.getElementById(root.id);
|
|
10
|
+
const row = [...(refreshed?.querySelectorAll('[data-ui="reorder-list-row"]') ?? [])].find((item) => item.dataset.reorderId === focusId);
|
|
11
|
+
const focus = row?.querySelector('input:not([type="hidden"]), button') ??
|
|
12
|
+
refreshed?.querySelector('[data-reorder-action="add"] button');
|
|
13
|
+
focus?.focus();
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
export const reorderClick = (event) => {
|
|
17
|
+
const root = rootOf(event);
|
|
18
|
+
const target = event.target instanceof Element ? event.target.closest('[data-reorder-action]') : null;
|
|
19
|
+
if (!root || !target || target.querySelector('button:disabled'))
|
|
20
|
+
return;
|
|
21
|
+
const control = root.querySelector('[data-ui="reorder-list-value"]');
|
|
22
|
+
if (!control || control.disabled)
|
|
23
|
+
return;
|
|
24
|
+
const ids = JSON.parse(control.value);
|
|
25
|
+
const id = target.closest('[data-reorder-id]')?.dataset.reorderId;
|
|
26
|
+
const index = id ? ids.indexOf(id) : -1;
|
|
27
|
+
const action = target.dataset.reorderAction;
|
|
28
|
+
if (action === 'add') {
|
|
29
|
+
const next = crypto.randomUUID();
|
|
30
|
+
commit(root, [...ids, next], next);
|
|
31
|
+
}
|
|
32
|
+
else if (index >= 0 && action === 'remove') {
|
|
33
|
+
ids.splice(index, 1);
|
|
34
|
+
commit(root, ids, ids[Math.min(index, ids.length - 1)]);
|
|
35
|
+
}
|
|
36
|
+
else if (index >= 0 && (action === 'up' || action === 'down')) {
|
|
37
|
+
const next = index + (action === 'up' ? -1 : 1);
|
|
38
|
+
if (next < 0 || next >= ids.length)
|
|
39
|
+
return;
|
|
40
|
+
[ids[index], ids[next]] = [ids[next], ids[index]];
|
|
41
|
+
commit(root, ids, id);
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
export const reorderDragStart = (event) => {
|
|
45
|
+
const handle = event.target instanceof Element ? event.target.closest('[data-reorder-handle]') : null;
|
|
46
|
+
if (!handle || handle.querySelector('button:disabled')) {
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const row = handle.closest('[data-reorder-id]');
|
|
51
|
+
const root = rootOf(event);
|
|
52
|
+
if (!row || !root || !event.dataTransfer)
|
|
53
|
+
return;
|
|
54
|
+
event.dataTransfer.setData('application/x-ket-reorder', JSON.stringify({ root: root.id, id: row.dataset.reorderId }));
|
|
55
|
+
event.dataTransfer.effectAllowed = 'move';
|
|
56
|
+
};
|
|
57
|
+
export const reorderDragOver = (event) => {
|
|
58
|
+
if (event.dataTransfer?.types.includes('application/x-ket-reorder'))
|
|
59
|
+
event.preventDefault();
|
|
60
|
+
};
|
|
61
|
+
export const reorderDrop = (event) => {
|
|
62
|
+
const root = rootOf(event);
|
|
63
|
+
const row = event.target instanceof Element ? event.target.closest('[data-reorder-id]') : null;
|
|
64
|
+
const raw = event.dataTransfer?.getData('application/x-ket-reorder');
|
|
65
|
+
if (!root || !row || !raw)
|
|
66
|
+
return;
|
|
67
|
+
event.preventDefault();
|
|
68
|
+
try {
|
|
69
|
+
const source = JSON.parse(raw);
|
|
70
|
+
if (source.root !== root.id)
|
|
71
|
+
return;
|
|
72
|
+
const control = root.querySelector('[data-ui="reorder-list-value"]');
|
|
73
|
+
const ids = JSON.parse(control?.value ?? '[]');
|
|
74
|
+
const from = ids.indexOf(source.id), to = ids.indexOf(row.dataset.reorderId ?? '');
|
|
75
|
+
if (from < 0 || to < 0 || from === to)
|
|
76
|
+
return;
|
|
77
|
+
ids.splice(from, 1);
|
|
78
|
+
ids.splice(to, 0, source.id);
|
|
79
|
+
commit(root, ids, source.id);
|
|
80
|
+
}
|
|
81
|
+
catch {
|
|
82
|
+
/* Ignore foreign or malformed drag payloads. */
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=runtime.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/reorder-list/runtime.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@layer ket.app {
|
|
2
|
+
:where([data-kv-design-system]) [data-ui="reorder-list"] {
|
|
3
|
+
display: grid;
|
|
4
|
+
gap: var(--kv-space-3);
|
|
5
|
+
}
|
|
6
|
+
:where([data-kv-design-system]) [data-ui="reorder-list-value"] {
|
|
7
|
+
display: none;
|
|
8
|
+
}
|
|
9
|
+
:where([data-kv-design-system]) [data-ui="reorder-list-rows"] {
|
|
10
|
+
display: grid;
|
|
11
|
+
gap: var(--kv-space-2);
|
|
12
|
+
margin: 0;
|
|
13
|
+
padding: 0;
|
|
14
|
+
list-style: none;
|
|
15
|
+
}
|
|
16
|
+
:where([data-kv-design-system]) [data-ui="reorder-list-row"] {
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
align-items: center;
|
|
20
|
+
gap: var(--kv-space-2);
|
|
21
|
+
border-bottom: 1px solid var(--kv-panel-divider);
|
|
22
|
+
padding-block: var(--kv-space-2);
|
|
23
|
+
}
|
|
24
|
+
:where([data-kv-design-system]) [data-ui="reorder-list-content"] {
|
|
25
|
+
flex: 1 1 16rem;
|
|
26
|
+
min-width: 0;
|
|
27
|
+
}
|
|
28
|
+
:where([data-kv-design-system]) [data-ui="reorder-list-controls"] {
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-wrap: wrap;
|
|
31
|
+
gap: var(--kv-space-1);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/search-filter/demo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKrD,eAAO,MAAM,sBAAsB,EAAE,kBAqEpC,CAAA"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
// Shared by the live catalogue and KetAtlas. The default layout separates search,
|
|
2
|
+
// section triggers and applied chips; mobile opens the same sections in a sheet.
|
|
3
|
+
// Without a manager, selections remain local to the specimen.
|
|
4
|
+
export const searchFilterDemoConfig = {
|
|
5
|
+
name: 'orders',
|
|
6
|
+
facets: [
|
|
7
|
+
{ id: 'open', type: 'filter', label: 'Open' },
|
|
8
|
+
{ id: 'customer', type: 'groupBy', label: 'Customer' },
|
|
9
|
+
{ id: 'fav-open-orders', type: 'favorite', label: 'My open orders' },
|
|
10
|
+
],
|
|
11
|
+
filters: [
|
|
12
|
+
{ id: 'open', label: 'Open', active: true, group: 'status' },
|
|
13
|
+
{ id: 'closed', label: 'Closed', active: false, group: 'status' },
|
|
14
|
+
{ id: 'archived', label: 'Archived', active: false, group: 'status' },
|
|
15
|
+
{
|
|
16
|
+
id: 'created',
|
|
17
|
+
label: 'Created on',
|
|
18
|
+
active: false,
|
|
19
|
+
group: 'date',
|
|
20
|
+
options: [
|
|
21
|
+
{ id: 'created-today', label: 'Today', active: false },
|
|
22
|
+
{ id: 'created-week', label: 'This week', active: false },
|
|
23
|
+
{ id: 'created-month', label: 'This month', active: false },
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
],
|
|
27
|
+
groupBy: [
|
|
28
|
+
{ id: 'customer', label: 'Customer', active: true },
|
|
29
|
+
{ id: 'status', label: 'Status', active: false },
|
|
30
|
+
{ id: 'createdMonth', label: 'Order date', active: false },
|
|
31
|
+
],
|
|
32
|
+
favorites: [
|
|
33
|
+
{ id: 'fav-open-orders', label: 'My open orders', isDefault: true, active: true },
|
|
34
|
+
{ id: 'fav-overdue', label: 'Overdue', isDefault: false, active: false },
|
|
35
|
+
],
|
|
36
|
+
customFilterFields: [
|
|
37
|
+
{ value: 'reference', label: 'Reference', type: 'text' },
|
|
38
|
+
{ value: 'total', label: 'Total', type: 'number' },
|
|
39
|
+
{ value: 'confirmed', label: 'Confirmed', type: 'boolean' },
|
|
40
|
+
{ value: 'createdAt', label: 'Created on', type: 'date' },
|
|
41
|
+
],
|
|
42
|
+
labels: {
|
|
43
|
+
searchLabel: 'Search orders',
|
|
44
|
+
searchPlaceholder: 'Search orders…',
|
|
45
|
+
toggleLabel: 'Toggle search panel',
|
|
46
|
+
searchGenericLabel: 'Search for',
|
|
47
|
+
searchFieldPrefix: 'Search',
|
|
48
|
+
searchFieldPreposition: 'for',
|
|
49
|
+
filters: 'Filters',
|
|
50
|
+
groupBy: 'Group by',
|
|
51
|
+
groupByApplied: 'Currently grouped by',
|
|
52
|
+
groupByAdd: 'Add grouping field',
|
|
53
|
+
groupByClear: 'Clear all',
|
|
54
|
+
groupByMoveEarlier: 'Move earlier',
|
|
55
|
+
groupByMoveLater: 'Move later',
|
|
56
|
+
favorites: 'Favorites',
|
|
57
|
+
customFilterField: 'Field',
|
|
58
|
+
customFilterOperator: 'Condition',
|
|
59
|
+
customFilterValue: 'Value',
|
|
60
|
+
customFilterAdd: 'Add custom filter',
|
|
61
|
+
customGroupByPlaceholder: 'Add custom group',
|
|
62
|
+
saveSearch: 'Save current search',
|
|
63
|
+
favoriteName: 'Name',
|
|
64
|
+
favoriteDefault: 'Default',
|
|
65
|
+
favoriteSaveAction: 'Save',
|
|
66
|
+
favoriteRemove: 'Remove favorite',
|
|
67
|
+
favoriteSetDefault: 'Set as default',
|
|
68
|
+
noFavorites: 'No saved searches yet',
|
|
69
|
+
clear: 'Remove',
|
|
70
|
+
applyError: 'Could not apply the search',
|
|
71
|
+
retry: 'Retry',
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/search-filter/demo.ts"],"names":[],"mappings":"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"}
|