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.
@@ -5591,35 +5591,45 @@
5591
5591
  max-height: 192px;
5592
5592
  padding: 0;
5593
5593
  margin: 0;
5594
- overflow-y: auto;
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: 4px;
5602
- padding-bottom: 4px;
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-y: auto;
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: 4px;
5619
- padding-bottom: 4px;
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-y: auto;
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: 4px;
14
- padding-bottom: 4px;
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;AAC/E,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,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"}
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-y: auto;
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: 4px;
97
- padding-bottom: 4px;
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-y: auto;
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: 4px;
114
- padding-bottom: 4px;
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
- return !this.config.options.includes(this.value);
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,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC"}
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-y: auto;
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: 4px;
14
- padding-bottom: 4px;
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
- return (_jsx("ul", { className: classNames('dc-filter-radio-group', className), children: options.map((option) => {
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;AACvE,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,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,OAAO,CACL,aAAI,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,YAC1D,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "draft-components",
3
- "version": "4.6.0",
3
+ "version": "4.7.0",
4
4
  "description": "The React based UI components library.",
5
5
  "type": "module",
6
6
  "exports": {