@arc-ui/components 11.13.0 → 11.13.1
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/dist/index.js
CHANGED
|
@@ -37621,11 +37621,11 @@ const BtIconChevronUp2Px = (props) =>
|
|
|
37621
37621
|
/** Use `Select` to choose from a dropdown list of options. */
|
|
37622
37622
|
var Select = function (_a) {
|
|
37623
37623
|
var _b;
|
|
37624
|
-
var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure,
|
|
37624
|
+
var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
|
|
37625
37625
|
var id = React.useId();
|
|
37626
37626
|
var arcRootElement = React.useContext(ArcRootElementContext);
|
|
37627
37627
|
var surface = React.useContext(Context$3).surface;
|
|
37628
|
-
var
|
|
37628
|
+
var _e = React.useState(defaultValue), selectedValue = _e[0], setSelectedValue = _e[1];
|
|
37629
37629
|
var onValueChange = function (value) {
|
|
37630
37630
|
onChange && onChange(value);
|
|
37631
37631
|
setSelectedValue(value);
|
|
@@ -37646,7 +37646,7 @@ var Select = function (_a) {
|
|
|
37646
37646
|
};
|
|
37647
37647
|
return (React__default["default"].createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
|
|
37648
37648
|
React__default["default"].createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
|
|
37649
|
-
React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", (_b = {
|
|
37649
|
+
React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, "aria-label": ariaLabel, className: classNames("arc-Select-trigger", (_b = {
|
|
37650
37650
|
"arc-Select-trigger--constrained": !isFluid,
|
|
37651
37651
|
"arc-Select-trigger--onDarkSurface": surface === "dark",
|
|
37652
37652
|
"arc-Select-trigger--invalid": errorMessage
|