Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | 7x 58x 58x 58x 58x 58x 58x 58x 58x | import React, { forwardRef, useRef, useEffect } from "react";
import "../index.js";
import { useEventListener, useProperties } from "./react-utils.js";
export const VgDropdown = forwardRef((props, forwardedRef) => {
const ref = useRef(null);
const {
disabled,
required,
label,
helperText,
error,
placeholder,
value,
name,
options,
...filteredProps
} = props;
/** Event listeners - run once */
useEventListener(ref, "vg-change", props.onVgChange);
/** Properties - run whenever a property has changed */
useProperties(ref, "options", props.options);
return React.createElement(
"vg-dropdown",
{
ref: (node) => {
ref.current = node;
Iif (typeof forwardedRef === "function") {
forwardedRef(node);
} else Iif (forwardedRef) {
forwardedRef.current = node;
}
},
...filteredProps,
label: props.label,
"helper-text": props.helperText || props["helper-text"],
error: props.error,
placeholder: props.placeholder,
value: props.value,
name: props.name,
class: props.className,
exportparts: props.exportparts,
for: props.htmlFor,
part: props.part,
tabindex: props.tabIndex,
disabled: props.disabled ? "" : undefined,
required: props.required ? "" : undefined,
style: { ...props.style },
},
props.children
);
});
|