draft-components 4.6.0 → 4.7.0
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/css/draft-components.css +16 -6
- package/dist/components/filtered-search/checkbox-group.css +8 -3
- package/dist/components/filtered-search/checkbox-group.js +12 -1
- package/dist/components/filtered-search/checkbox-group.js.map +1 -1
- package/dist/components/filtered-search/filtered-search.css +16 -6
- package/dist/components/filtered-search/index.d.ts +1 -0
- package/dist/components/filtered-search/index.js +1 -0
- package/dist/components/filtered-search/index.js.map +1 -1
- package/dist/components/filtered-search/model/radio-group-filter.js +5 -1
- package/dist/components/filtered-search/model/radio-group-filter.js.map +1 -1
- package/dist/components/filtered-search/radio-group.css +8 -3
- package/dist/components/filtered-search/radio-group.js +14 -2
- package/dist/components/filtered-search/radio-group.js.map +1 -1
- package/package.json +1 -1
package/css/draft-components.css
CHANGED
|
@@ -5591,35 +5591,45 @@
|
|
|
5591
5591
|
max-height: 192px;
|
|
5592
5592
|
padding: 0;
|
|
5593
5593
|
margin: 0;
|
|
5594
|
-
overflow
|
|
5594
|
+
overflow: auto;
|
|
5595
5595
|
list-style: none;
|
|
5596
5596
|
scroll-behavior: smooth;
|
|
5597
5597
|
scroll-snap-type: y mandatory;
|
|
5598
5598
|
}
|
|
5599
5599
|
|
|
5600
5600
|
.dc-filter-checkbox-group > li {
|
|
5601
|
-
padding-top:
|
|
5602
|
-
padding-bottom:
|
|
5601
|
+
padding-top: 6px;
|
|
5602
|
+
padding-bottom: 6px;
|
|
5603
5603
|
scroll-snap-align: start;
|
|
5604
5604
|
}
|
|
5605
5605
|
|
|
5606
|
+
.dc-filter-checkbox-group_has_scroll {
|
|
5607
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
5608
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
5609
|
+
}
|
|
5610
|
+
|
|
5606
5611
|
.dc-filter-radio-group {
|
|
5607
5612
|
box-sizing: border-box;
|
|
5608
5613
|
max-height: 192px;
|
|
5609
5614
|
padding: 0;
|
|
5610
5615
|
margin: 0;
|
|
5611
|
-
overflow
|
|
5616
|
+
overflow: auto;
|
|
5612
5617
|
list-style: none;
|
|
5613
5618
|
scroll-behavior: smooth;
|
|
5614
5619
|
scroll-snap-type: y mandatory;
|
|
5615
5620
|
}
|
|
5616
5621
|
|
|
5617
5622
|
.dc-filter-radio-group > li {
|
|
5618
|
-
padding-top:
|
|
5619
|
-
padding-bottom:
|
|
5623
|
+
padding-top: 6px;
|
|
5624
|
+
padding-bottom: 6px;
|
|
5620
5625
|
scroll-snap-align: start;
|
|
5621
5626
|
}
|
|
5622
5627
|
|
|
5628
|
+
.dc-filter-radio-group_has_scroll {
|
|
5629
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
5630
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
5631
|
+
}
|
|
5632
|
+
|
|
5623
5633
|
.dc-filter-popover {
|
|
5624
5634
|
width: 320px;
|
|
5625
5635
|
max-width: 100%;
|
|
@@ -3,14 +3,19 @@
|
|
|
3
3
|
max-height: 192px;
|
|
4
4
|
padding: 0;
|
|
5
5
|
margin: 0;
|
|
6
|
-
overflow
|
|
6
|
+
overflow: auto;
|
|
7
7
|
list-style: none;
|
|
8
8
|
scroll-behavior: smooth;
|
|
9
9
|
scroll-snap-type: y mandatory;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.dc-filter-checkbox-group > li {
|
|
13
|
-
padding-top:
|
|
14
|
-
padding-bottom:
|
|
13
|
+
padding-top: 6px;
|
|
14
|
+
padding-bottom: 6px;
|
|
15
15
|
scroll-snap-align: start;
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
.dc-filter-checkbox-group_has_scroll {
|
|
19
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
20
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
21
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useId, useRef } from 'react';
|
|
2
|
+
import { useEffect, useId, useRef } from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { SelectionControl } from '../selection-control/index.js';
|
|
5
5
|
import { Checkbox } from '../checkbox/index.js';
|
|
@@ -17,6 +17,17 @@ export function CheckboxGroup({ className, options, values: selectedValues, onCh
|
|
|
17
17
|
onChange(newSelectedValues);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
const containerElement = ref.current;
|
|
22
|
+
if (containerElement) {
|
|
23
|
+
if (containerElement.scrollHeight > containerElement.clientHeight) {
|
|
24
|
+
containerElement.classList.add('dc-filter-checkbox-group_has_scroll');
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
containerElement.classList.remove('dc-filter-checkbox-group_has_scroll');
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}, []);
|
|
20
31
|
return (_jsx("ul", { ref: ref, className: classNames('dc-filter-checkbox-group', className), children: options.map((option) => {
|
|
21
32
|
let value;
|
|
22
33
|
let label;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../src/components/filtered-search/checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../src/components/filtered-search/checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAgBhD,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,MAAM,EAAE,cAAc,EACtB,QAAQ,EACR,WAAW,GACU;IACrB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACpC,MAAM,YAAY,GAAyC,GAAG,EAAE;QAC9D,MAAM,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAAC;QACrC,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAmB,eAAe,IAAI,IAAI,CAAC,CAAC;YACnG,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;iBAChD,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAAC;QACrC,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAI,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAAE,CAAC;gBAClE,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;YACxE,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,qCAAqC,CAAC,CAAC;YAC3E,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACvE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,KAAa,CAAC;YAClB,IAAI,KAAgB,CAAC;YACrB,IAAI,OAAkB,CAAC;YACvB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,KAAK,GAAG,MAAM,CAAC;gBACf,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBACrB,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBACrB,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC3B,CAAC;YACD,OAAO,CACL,uBACE,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YAC9C,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvC,QAAQ,EAAE,YAAY,GACtB,GACe,IARZ,KAAK,CAST,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -86,35 +86,45 @@
|
|
|
86
86
|
max-height: 192px;
|
|
87
87
|
padding: 0;
|
|
88
88
|
margin: 0;
|
|
89
|
-
overflow
|
|
89
|
+
overflow: auto;
|
|
90
90
|
list-style: none;
|
|
91
91
|
scroll-behavior: smooth;
|
|
92
92
|
scroll-snap-type: y mandatory;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.dc-filter-checkbox-group > li {
|
|
96
|
-
padding-top:
|
|
97
|
-
padding-bottom:
|
|
96
|
+
padding-top: 6px;
|
|
97
|
+
padding-bottom: 6px;
|
|
98
98
|
scroll-snap-align: start;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
.dc-filter-checkbox-group_has_scroll {
|
|
102
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
103
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
104
|
+
}
|
|
105
|
+
|
|
101
106
|
.dc-filter-radio-group {
|
|
102
107
|
box-sizing: border-box;
|
|
103
108
|
max-height: 192px;
|
|
104
109
|
padding: 0;
|
|
105
110
|
margin: 0;
|
|
106
|
-
overflow
|
|
111
|
+
overflow: auto;
|
|
107
112
|
list-style: none;
|
|
108
113
|
scroll-behavior: smooth;
|
|
109
114
|
scroll-snap-type: y mandatory;
|
|
110
115
|
}
|
|
111
116
|
|
|
112
117
|
.dc-filter-radio-group > li {
|
|
113
|
-
padding-top:
|
|
114
|
-
padding-bottom:
|
|
118
|
+
padding-top: 6px;
|
|
119
|
+
padding-bottom: 6px;
|
|
115
120
|
scroll-snap-align: start;
|
|
116
121
|
}
|
|
117
122
|
|
|
123
|
+
.dc-filter-radio-group_has_scroll {
|
|
124
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
125
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
126
|
+
}
|
|
127
|
+
|
|
118
128
|
.dc-filter-popover {
|
|
119
129
|
width: 320px;
|
|
120
130
|
max-width: 100%;
|
|
@@ -2,3 +2,4 @@ export * from './filtered-search.js';
|
|
|
2
2
|
export { type Filter, type FilterConfig, } from './types.js';
|
|
3
3
|
export { StringFilter, type StringFilterState, type StringFilterConfig, type StringFilterOperator, } from './model/string-filter.js';
|
|
4
4
|
export { StringSetFilter, type StringSetFilterState, type StringSetFilterConfig, type StringSetFilterOperator, } from './model/string-set-filter.js';
|
|
5
|
+
export { RadioGroupFilter, type RadioGroupFilterState, type RadioGroupFilterConfig, type RadioGroupFilterOperator, } from './model/radio-group-filter.js';
|
|
@@ -2,4 +2,5 @@ export * from './filtered-search.js';
|
|
|
2
2
|
export {} from './types.js';
|
|
3
3
|
export { StringFilter, } from './model/string-filter.js';
|
|
4
4
|
export { StringSetFilter, } from './model/string-set-filter.js';
|
|
5
|
+
export { RadioGroupFilter, } from './model/radio-group-filter.js';
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filtered-search/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAGN,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,GAIb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,GAIhB,MAAM,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filtered-search/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAGN,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,GAIb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,GAIhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAIjB,MAAM,+BAA+B,CAAC"}
|
|
@@ -36,7 +36,11 @@ export class RadioGroupFilter extends AbstractFilter {
|
|
|
36
36
|
return new RadioGroupFilter(this.config, { ...this.state, operator });
|
|
37
37
|
}
|
|
38
38
|
isEmpty() {
|
|
39
|
-
|
|
39
|
+
const isAnyOptionSelected = this.config.options.some((option) => {
|
|
40
|
+
const value = typeof option === 'string' ? option : option.value;
|
|
41
|
+
return value === this.value;
|
|
42
|
+
});
|
|
43
|
+
return !isAnyOptionSelected;
|
|
40
44
|
}
|
|
41
45
|
}
|
|
42
46
|
//# sourceMappingURL=radio-group-filter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group-filter.js","sourceRoot":"","sources":["../../../../src/components/filtered-search/model/radio-group-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAG,aAAsB,CAAC;AACpC,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;CACb,CAAC;AA2BX,MAAM,OAAO,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAU,IAAI,GAAG,IAAI,CAAC;IAC5B,MAAM,CAAU,SAAS,GAAG,SAAS,CAAC;IAE7B,MAAM,CAAmC;IACzC,KAAK,CAAkC;IAEhD,YACE,MAA8B,EAC9B,KAA4B;QAE5B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,WAAW,CAAC,QAAkC;QAC5C,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,OAAO;QACL,
|
|
1
|
+
{"version":3,"file":"radio-group-filter.js","sourceRoot":"","sources":["../../../../src/components/filtered-search/model/radio-group-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,IAAI,GAAG,aAAsB,CAAC;AACpC,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;CACb,CAAC;AA2BX,MAAM,OAAO,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAU,IAAI,GAAG,IAAI,CAAC;IAC5B,MAAM,CAAU,SAAS,GAAG,SAAS,CAAC;IAE7B,MAAM,CAAmC;IACzC,KAAK,CAAkC;IAEhD,YACE,MAA8B,EAC9B,KAA4B;QAE5B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAC1B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,WAAW,CAAC,QAAkC;QAC5C,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,OAAO;QACL,MAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9D,MAAM,KAAK,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACjE,OAAO,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,mBAAmB,CAAC;IAC9B,CAAC"}
|
|
@@ -3,14 +3,19 @@
|
|
|
3
3
|
max-height: 192px;
|
|
4
4
|
padding: 0;
|
|
5
5
|
margin: 0;
|
|
6
|
-
overflow
|
|
6
|
+
overflow: auto;
|
|
7
7
|
list-style: none;
|
|
8
8
|
scroll-behavior: smooth;
|
|
9
9
|
scroll-snap-type: y mandatory;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.dc-filter-radio-group > li {
|
|
13
|
-
padding-top:
|
|
14
|
-
padding-bottom:
|
|
13
|
+
padding-top: 6px;
|
|
14
|
+
padding-bottom: 6px;
|
|
15
15
|
scroll-snap-align: start;
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
.dc-filter-radio-group_has_scroll {
|
|
19
|
+
border-top: 1px solid var(--dc-border-color-1);
|
|
20
|
+
border-bottom: 1px solid var(--dc-border-color-1);
|
|
21
|
+
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useId } from 'react';
|
|
2
|
+
import { useEffect, useId, useRef } from 'react';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
4
|
import { SelectionControl } from '../selection-control/index.js';
|
|
5
5
|
import { Radio } from '../radio/index.js';
|
|
6
6
|
export function RadioGroup({ className, options, value: selectedValue, onChange, formatValue, }) {
|
|
7
7
|
const id = useId();
|
|
8
|
+
const ref = useRef(null);
|
|
8
9
|
const name = `radio-group-${id}`;
|
|
9
10
|
const handleChange = (event) => {
|
|
10
11
|
const radioButtonElement = event.currentTarget;
|
|
@@ -14,7 +15,18 @@ export function RadioGroup({ className, options, value: selectedValue, onChange,
|
|
|
14
15
|
onChange(value);
|
|
15
16
|
}
|
|
16
17
|
};
|
|
17
|
-
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
const container = ref.current;
|
|
20
|
+
if (container) {
|
|
21
|
+
if (container.scrollHeight > container.clientHeight) {
|
|
22
|
+
container.classList.add('dc-filter-radio-group_has_scroll');
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
container.classList.remove('dc-filter-radio-group_has_scroll');
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}, []);
|
|
29
|
+
return (_jsx("ul", { ref: ref, className: classNames('dc-filter-radio-group', className), children: options.map((option) => {
|
|
18
30
|
let value;
|
|
19
31
|
let label;
|
|
20
32
|
let caption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/filtered-search/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA2C,KAAK,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/filtered-search/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA2C,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,WAAW,GACK;IAChB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,eAAe,EAAE,EAAE,CAAC;IACjC,MAAM,YAAY,GAAyC,CAAC,KAAK,EAAE,EAAE;QACnE,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC;QAC/C,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC;QACvC,MAAM,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;QAC9B,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC;gBACpD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;YAC9D,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,YACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,KAAa,CAAC;YAClB,IAAI,KAAgB,CAAC;YACrB,IAAI,OAAkB,CAAC;YACvB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,KAAK,GAAG,MAAM,CAAC;gBACf,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBACrB,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBACrB,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC3B,CAAC;YACD,OAAO,CACL,uBACE,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,YAC9C,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,YAAY,GACtB,GACe,IARZ,KAAK,CAST,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}
|