@luscii-healthtech/web-ui 54.3.5 → 54.4.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.development.js +10 -0
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/Select/LabeledSelectSearchable.d.ts +21 -0
- package/dist/src/generated/components/Select/LabeledSelectSearchable.d.ts +21 -0
- package/dist/src/generated/index.d.ts +1 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/stories/LabeledSelectSearchable.stories.d.ts +40 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -4620,6 +4620,15 @@ const LabeledSelect = React__namespace.default.forwardRef((props, ref) => {
|
|
|
4620
4620
|
return jsxRuntime.jsxs(Stack, { as: "label", gap: "xxxxs", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(LabelText, { children: props.label }), jsxRuntime.jsx(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
|
|
4621
4621
|
});
|
|
4622
4622
|
|
|
4623
|
+
const LabeledSelectSearchable = React__namespace.default.forwardRef((props, ref) => {
|
|
4624
|
+
const { className, label, helperText, errorText, fullWidth, "aria-labelledby": ariaLabelledBy } = props, rest = __rest(props, ["className", "label", "helperText", "errorText", "fullWidth", "aria-labelledby"]);
|
|
4625
|
+
const labelId = React__namespace.default.useId();
|
|
4626
|
+
const helperErrorTextId = React__namespace.default.useId();
|
|
4627
|
+
const hasError = Boolean(errorText);
|
|
4628
|
+
const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
|
|
4629
|
+
return jsxRuntime.jsxs(Stack, { gap: "xxxxs", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(Box, { id: labelId, children: jsxRuntime.jsx(LabelText, { children: label }) }), jsxRuntime.jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? helperErrorTextId : void 0 })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
|
|
4630
|
+
});
|
|
4631
|
+
|
|
4623
4632
|
const useOutsideClick = (ref, callback) => {
|
|
4624
4633
|
const handleClick = (e) => {
|
|
4625
4634
|
if (ref.current && !ref.current.contains(e.target)) {
|
|
@@ -7034,6 +7043,7 @@ exports.LabeledRadioCard = LabeledRadioCard;
|
|
|
7034
7043
|
exports.LabeledRadioCardGroup = LabeledRadioCardGroup;
|
|
7035
7044
|
exports.LabeledRadioGroup = LabeledRadioGroup;
|
|
7036
7045
|
exports.LabeledSelect = LabeledSelect;
|
|
7046
|
+
exports.LabeledSelectSearchable = LabeledSelectSearchable;
|
|
7037
7047
|
exports.LeftArrowIcon = LeftArrowIcon;
|
|
7038
7048
|
exports.LifebuoyIcon = LifebuoyIcon;
|
|
7039
7049
|
exports.LightBulbIcon = LightBulbIcon;
|