@dbcdk/react-components 0.0.152 → 0.0.154
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.
|
@@ -25,7 +25,8 @@ function MultiSelect({
|
|
|
25
25
|
disabled = false,
|
|
26
26
|
searchable = false,
|
|
27
27
|
searchPlaceholder = "S\xF8g",
|
|
28
|
-
emptyMessage = "Ingen resultater"
|
|
28
|
+
emptyMessage = "Ingen resultater",
|
|
29
|
+
popoverWidth
|
|
29
30
|
}) {
|
|
30
31
|
const selectedSet = react.useMemo(() => new Set(selectedValues), [selectedValues]);
|
|
31
32
|
const popoverRef = react.useRef(null);
|
|
@@ -116,6 +117,7 @@ function MultiSelect({
|
|
|
116
117
|
{
|
|
117
118
|
ref: popoverRef,
|
|
118
119
|
open,
|
|
120
|
+
minWidth: popoverWidth,
|
|
119
121
|
onOpenChange: (next) => {
|
|
120
122
|
setOpen(next);
|
|
121
123
|
if (next) {
|
|
@@ -20,6 +20,7 @@ interface MultiSelectProps<T> {
|
|
|
20
20
|
searchable?: boolean;
|
|
21
21
|
searchPlaceholder?: string;
|
|
22
22
|
emptyMessage?: string;
|
|
23
|
+
popoverWidth?: string;
|
|
23
24
|
}
|
|
24
|
-
export declare function MultiSelect<T extends string | number>({ options, selectedValues, onChange, placeholder, children, variant, size, onClear, dataCy, fullWidth, disabled, searchable, searchPlaceholder, emptyMessage, }: MultiSelectProps<T>): ReactNode;
|
|
25
|
+
export declare function MultiSelect<T extends string | number>({ options, selectedValues, onChange, placeholder, children, variant, size, onClear, dataCy, fullWidth, disabled, searchable, searchPlaceholder, emptyMessage, popoverWidth, }: MultiSelectProps<T>): ReactNode;
|
|
25
26
|
export {};
|
|
@@ -23,7 +23,8 @@ function MultiSelect({
|
|
|
23
23
|
disabled = false,
|
|
24
24
|
searchable = false,
|
|
25
25
|
searchPlaceholder = "S\xF8g",
|
|
26
|
-
emptyMessage = "Ingen resultater"
|
|
26
|
+
emptyMessage = "Ingen resultater",
|
|
27
|
+
popoverWidth
|
|
27
28
|
}) {
|
|
28
29
|
const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);
|
|
29
30
|
const popoverRef = useRef(null);
|
|
@@ -114,6 +115,7 @@ function MultiSelect({
|
|
|
114
115
|
{
|
|
115
116
|
ref: popoverRef,
|
|
116
117
|
open,
|
|
118
|
+
minWidth: popoverWidth,
|
|
117
119
|
onOpenChange: (next) => {
|
|
118
120
|
setOpen(next);
|
|
119
121
|
if (next) {
|
package/dist/styles/styles.css
CHANGED
|
@@ -228,6 +228,8 @@ body.dbc-app {
|
|
|
228
228
|
.dbc-highlight {
|
|
229
229
|
color: var(--color-highlight-fg, inherit);
|
|
230
230
|
background-color: var(--color-highlight-bg, var(--color-status-warning-bg));
|
|
231
|
+
font-family: inherit;
|
|
232
|
+
font-size: inherit;
|
|
231
233
|
border-radius: var(--border-radius-sm);
|
|
232
234
|
box-decoration-break: clone;
|
|
233
235
|
-webkit-box-decoration-break: clone;
|
package/dist/styles.css
CHANGED
|
@@ -228,6 +228,8 @@ body.dbc-app {
|
|
|
228
228
|
.dbc-highlight {
|
|
229
229
|
color: var(--color-highlight-fg, inherit);
|
|
230
230
|
background-color: var(--color-highlight-bg, var(--color-status-warning-bg));
|
|
231
|
+
font-family: inherit;
|
|
232
|
+
font-size: inherit;
|
|
231
233
|
border-radius: var(--border-radius-sm);
|
|
232
234
|
box-decoration-break: clone;
|
|
233
235
|
-webkit-box-decoration-break: clone;
|