@luscii-healthtech/web-ui 60.1.0 → 60.2.2
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/esm/components/Checkbox/LabeledCheckboxCardGroup.js +2 -2
- package/dist/esm/components/Checkbox/LabeledCheckboxCardGroup.js.map +1 -1
- package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js +2 -2
- package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js.map +1 -1
- package/dist/esm/components/DatePicker/LabeledDatePicker.js +1 -1
- package/dist/esm/components/DatePicker/LabeledDatePicker.js.map +1 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/LabeledInput.js +4 -2
- package/dist/esm/components/Input/LabeledInput.js.map +1 -1
- package/dist/esm/components/Input/SearchInput.js +1 -1
- package/dist/esm/components/Input/SearchInput.js.map +1 -1
- package/dist/esm/components/Input/StyledInput.js +71 -28
- package/dist/esm/components/Input/StyledInput.js.map +1 -1
- package/dist/esm/components/Radio/LabeledRadioCardGroup.js +2 -2
- package/dist/esm/components/Radio/LabeledRadioCardGroup.js.map +1 -1
- package/dist/esm/components/Radio/LabeledRadioGroup.js +2 -2
- package/dist/esm/components/Radio/LabeledRadioGroup.js.map +1 -1
- package/dist/esm/components/Select/LabeledSelect.js +1 -1
- package/dist/esm/components/Select/LabeledSelect.js.map +1 -1
- package/dist/esm/components/Select/LabeledSelectSearchable.js +2 -1
- package/dist/esm/components/Select/LabeledSelectSearchable.js.map +1 -1
- package/dist/esm/components/forms/shared/FieldsetLegend.js +17 -0
- package/dist/esm/components/forms/shared/FieldsetLegend.js.map +1 -0
- package/dist/esm/components/forms/shared/HelperAndErrorText.js +1 -1
- package/dist/esm/components/forms/shared/HelperAndErrorText.js.map +1 -1
- package/dist/index.development.js +95 -39
- 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/Checkbox/LabeledCheckboxCardGroup.d.ts +10 -2
- package/dist/src/components/Checkbox/LabeledCheckboxGroup.d.ts +9 -1
- package/dist/src/components/DatePicker/LabeledDatePicker.d.ts +9 -1
- package/dist/src/components/Input/Input.d.ts +2 -0
- package/dist/src/components/Input/LabeledInput.d.ts +11 -1
- package/dist/src/components/Input/StyledInput.d.ts +2 -0
- package/dist/src/components/InputSelect/InputSelect.d.ts +1 -0
- package/dist/src/components/InputSelect/InputSelectInput.d.ts +1 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +2 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormInput.d.ts +1 -0
- package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormInputSelect.d.ts +1 -0
- package/dist/src/components/Radio/LabeledRadioCardGroup.d.ts +10 -2
- package/dist/src/components/Radio/LabeledRadioGroup.d.ts +9 -1
- package/dist/src/components/Select/LabeledSelect.d.ts +9 -1
- package/dist/src/components/Select/LabeledSelectSearchable.d.ts +8 -1
- package/dist/src/components/forms/shared/FieldsetLegend.d.ts +22 -0
- package/dist/src/generated/components/Checkbox/LabeledCheckboxCardGroup.d.ts +10 -2
- package/dist/src/generated/components/Checkbox/LabeledCheckboxGroup.d.ts +9 -1
- package/dist/src/generated/components/DatePicker/LabeledDatePicker.d.ts +9 -1
- package/dist/src/generated/components/Input/Input.d.ts +2 -0
- package/dist/src/generated/components/Input/LabeledInput.d.ts +11 -1
- package/dist/src/generated/components/Input/StyledInput.d.ts +2 -0
- package/dist/src/generated/components/InputSelect/InputSelect.d.ts +1 -0
- package/dist/src/generated/components/InputSelect/InputSelectInput.d.ts +1 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageForm.d.ts +2 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormInput.d.ts +1 -0
- package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormInputSelect.d.ts +1 -0
- package/dist/src/generated/components/Radio/LabeledRadioCardGroup.d.ts +10 -2
- package/dist/src/generated/components/Radio/LabeledRadioGroup.d.ts +9 -1
- package/dist/src/generated/components/Select/LabeledSelect.d.ts +9 -1
- package/dist/src/generated/components/Select/LabeledSelectSearchable.d.ts +8 -1
- package/dist/src/generated/components/forms/shared/FieldsetLegend.d.ts +22 -0
- package/dist/stories/InputSelect.stories.d.ts +1 -0
- package/dist/stories/LabeledCheckbox.stories.d.ts +5 -0
- package/dist/stories/LabeledDatePicker.stories.d.ts +6 -1
- package/dist/stories/LabeledInput.stories.d.ts +14 -1
- package/dist/stories/LabeledRadio.stories.d.ts +10 -0
- package/dist/stories/LabeledSelectSearchable.stories.d.ts +6 -1
- package/dist/stories/NaturalLanguageForm.stories.d.ts +2 -0
- package/dist/stories/SearchInput.stories.d.ts +1 -0
- package/dist/stories/Select.stories.d.ts +5 -0
- package/dist/web-ui-tailwind.css +32 -0
- package/package.json +1 -1
|
@@ -2,14 +2,14 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
+
import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
|
|
5
6
|
import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
|
|
6
7
|
import { Stack } from '../Stack/Stack.js';
|
|
7
|
-
import { Text } from '../Text/Text.js';
|
|
8
8
|
|
|
9
9
|
const LabeledCheckboxCardGroup = (props) => {
|
|
10
10
|
const { children, title, className, columns = 2, stretch = false, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "stretch", "helperText", "errorText"]);
|
|
11
11
|
const semanticId = React__default.useId();
|
|
12
|
-
return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsx(
|
|
12
|
+
return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsx(FieldsetLegend, { children: title }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start", {
|
|
13
13
|
"ui:grid-cols-1": columns === 1,
|
|
14
14
|
"ui:grid-cols-2": columns === 2,
|
|
15
15
|
"ui:grid-cols-3": columns === 3,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledCheckboxCardGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledCheckboxCardGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AA+CO,MAAM,wBAAA,GAA4C,CAAC,KAAA,KAAgB;AACxE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,OAAA,GAAU,KAAA,EACV,UAAA,EACA,SAAA,EAAS,GAEP,OADC,UAAA,GAAU,MAAA,CACX,KAAA,EATE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CASL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,KAAC,KAAA,EAAK,MAAA,CAAA,OAAA,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,EAAE,WAAA,EAAa,OAAA,IAAW,SAAS,CAAA,EACzD,MAAK,MAAA,EACL,KAAA,EAAO,OAAA,GAAU,SAAA,GAAY,SAAO,EAChC,UAAA,EAAU,EAAA,QAAA,EAAA,CAEb,SAASC,GAAA,CAAC,cAAA,EAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAA,OAAA,EACE,SAAA,EAAW,WAAW,+CAAA,EAAiD;AAAA,IACrE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EAAC,QAAA,EAEO,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
+
import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
|
|
4
5
|
import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
|
|
5
6
|
import { Stack } from '../Stack/Stack.js';
|
|
6
|
-
import { Text } from '../Text/Text.js';
|
|
7
7
|
|
|
8
8
|
const LabeledCheckboxGroup = (props) => {
|
|
9
9
|
const { children, title, className } = props;
|
|
10
10
|
const semanticId = React__default.useId();
|
|
11
|
-
return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx(
|
|
11
|
+
return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx(FieldsetLegend, { children: title }), jsx(Stack, { _gap: "l", children }), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { LabeledCheckboxGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AAqCO,MAAM,oBAAA,GAAwC,CAAC,KAAA,KAAgB;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAS,GAAK,KAAA;AACvC,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,OAAK,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,WAAW,UAAA,CAAW,SAAS,GAC/B,IAAA,EAAK,MAAA,EAAM,UAAA,CAEV,KAAA,IAASC,IAAC,cAAA,EAAc,EAAA,UAAE,KAAA,EAAK,GAChCA,GAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAG,UAAU,CAAA,EACzBA,IAAC,kBAAA,EAAkB,EACjB,YAAY,KAAA,CAAM,UAAA,EAClB,WAAW,KAAA,CAAM,SAAA,EACjB,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}
|
|
@@ -15,7 +15,7 @@ const LabeledDatePicker = (_a) => {
|
|
|
15
15
|
"ui:!border-negative-border": isError,
|
|
16
16
|
"ui:!focus:outline-negative": isError
|
|
17
17
|
}, classNameFromProps);
|
|
18
|
-
return jsxs(Stack, { as: "label", _gap: "
|
|
18
|
+
return jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, children: [label && jsx(LabelText, { as: "span", className: "ui:block", children: label }), jsx(DatePicker, Object.assign({}, props, { className: datePickerClassNames, "aria-describedby": helperErrorTextId })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { LabeledDatePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledDatePicker.js","sources":["../../../../../../src/components/DatePicker/LabeledDatePicker.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledDatePicker.js","sources":["../../../../../../src/components/DatePicker/LabeledDatePicker.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AA8BO,MAAM,iBAAA,GAAqC,CAAC,EAAA,KAO9C;AAP8C,EAAA,IAAA,EACjD,SAAA,EAAW,kBAAA,EACX,OACA,UAAA,EACA,SAAA,EACA,WAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,IANyC,8DAOlD,CAAA;AACC,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AAEjC,EAAA,MAAM,uBAAuB,UAAA,CAC3B;AAAA,IACE,4BAAA,EAA8B,OAAA;AAAA,IAC9B,4BAAA,EAA8B;AAAA,KAEhC,kBAAkB,CAAA;AAGpB,EAAA,OACEC,IAAA,CAAC,OAAK,EAAC,EAAA,EAAG,SAAQ,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAAS,UAAA,CACnE,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,QAAO,SAAA,EAAU,UAAA,EAAU,QAAA,EACtC,KAAA,EAAK,CAAA,EAGVA,IAAC,UAAA,EAAU,MAAA,CAAA,OAAA,EAAA,EACL,SACJ,SAAA,EAAW,oBAAA,EAAoB,kBAAA,EACb,iBAAA,EAAiB,CAAA,CAAA,EAErCA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,iBAAA,EAAiB,CAC/B,CAAA,EAAA,CAAA;AAGR;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AAgEO,MAAM,KAAA,GAAQA,cAAA,CAAM,UAAA,CACzB,CACE,IAaA,GAAA,KACE;AAdF,EAAA,IAAA,EACE,UAAA,GAAa,EAAA,EACb,UAAA,GAAa,IACb,SAAA,GAAY,KAAA,EACZ,UAAA,GAAa,KAAA,EACb,IAAA,EACA,KAAA,GAAQ,EAAA,EACR,QAAA,EACA,aACA,SAAA,EACA,MAAA,GAAS,IAAA,EAAI,GAAA,EAAA,EACV,UAAA,GAAU,MAAA,CAAA,EAAA,EAXf,0HAYC,CAAA;AAGD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,aAAa,MAAK;AACtB,IAAA,aAAA,CAAc,EAAE,CAAA;AAGhB,IAAA,QAAA,KAAQ,IAAA,IAAR,QAAA,KAAQ,MAAA,GAAA,MAAA,GAAR,QAAA,CAAW;AAAA,MACT,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA,OACR;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA;AACR,KACF,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA8C;AACvE,IAAA,aAAA,CAAc,KAAA,CAAM,cAAc,KAAK,CAAA;AAGvC,IAAA,QAAA,KAAQ,IAAA,IAAR,aAAQ,MAAA,GAAA,MAAA,GAAR,SACE,WAAA,GACI,KAAA,CAAM,cAAc,KAAA,GACpB;AAAA,MACE,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA,OAC5B;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA;AAC5B,KACF,CAAA;AAAA,EAET,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,SAAA,IAAa,CAAC,CAAC,UAAA;AAE1C,EAAA,OACEC,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,cAAA,EACI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAC3B,IAAA,EACA,KAAA,EAAO,UAAA,EACP,QAAA,EAAU,iBAAA,EACV,GAAA,EACA,IAAA,EAAM,SAAA,EACN,QAAA,EAAU,UAAA,EACV,kBAAA,EACA,iBAAA,EAAmB,UAAA,EACnB,MAAA,EAAQ,UAAA,EACR,MAAA,EAAQ,UAAA,EACR,MAAA,EAAc,EACV,UAAU,CAAA,CAAA;AAGpB,CAAC;;"}
|
|
@@ -9,10 +9,12 @@ import { LabelText } from '../forms/shared/LabelText.js';
|
|
|
9
9
|
import { StyledInput } from './StyledInput.js';
|
|
10
10
|
|
|
11
11
|
const LabeledInput = React__default.forwardRef((props, ref) => {
|
|
12
|
-
const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
|
|
12
|
+
const { className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
|
|
13
|
+
const generatedInputId = React__default.useId();
|
|
14
|
+
const inputId = id || generatedInputId;
|
|
13
15
|
const helperErrorTextId = React__default.useId();
|
|
14
16
|
const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
|
|
15
|
-
return jsxs(Stack, {
|
|
17
|
+
return jsxs(Stack, { _gap: "base", align: fieldWidth ? "stretch" : void 0, className: classNames(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsx(LabelText, { as: "label", htmlFor: inputId, children: label }), jsx(StyledInput, Object.assign({}, rest, { id: inputId, ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].filter(Boolean).join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
|
|
16
18
|
});
|
|
17
19
|
|
|
18
20
|
export { LabeledInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAmFO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,SAAA,EACA,UAAA,EACA,SAAA,EACA,KAAA,EACA,OACA,SAAA,EACA,EAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EAVE,CAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAA,CAUL,CAAA;AAED,EAAA,MAAM,gBAAA,GAAmBA,eAAM,KAAA;AAC/B,EAAA,MAAM,UAAU,EAAA,IAAM,gBAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAQlD,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,IAAA,EAAK,QACL,KAAA,EAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,UAAA,CACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,EACV,QAAA,EAAA,CAEA,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,OAAA,EAAQ,OAAA,EAAS,OAAA,EAAO,UACnC,KAAA,EAAK,CAAA,EAGVA,GAAA,CAAC,aAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAA,EAAI,EACR,EAAA,EAAI,OAAA,EACJ,KACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,EAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,GAGdA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,WACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}
|
|
@@ -4,7 +4,7 @@ import { Input } from './Input.js';
|
|
|
4
4
|
|
|
5
5
|
const SearchInput = React__default.forwardRef((props, ref) => {
|
|
6
6
|
var _a;
|
|
7
|
-
return jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "
|
|
7
|
+
return jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "search", width: (_a = props.width) !== null && _a !== void 0 ? _a : "xl", clearable: true, ref }));
|
|
8
8
|
});
|
|
9
9
|
|
|
10
10
|
export { SearchInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/Input/SearchInput.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;AAwBO,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAC/B,CAAC,OAAO,GAAA,KAAO;;AACb,EAAA,OACEC,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,IACA,KAAA,EAAK,EACT,IAAA,EAAK,YAAA,EACL,IAAA,EAAK,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/Input/SearchInput.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;AAwBO,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAC/B,CAAC,OAAO,GAAA,KAAO;;AACb,EAAA,OACEC,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,IACA,KAAA,EAAK,EACT,IAAA,EAAK,YAAA,EACL,IAAA,EAAK,QAAA,EACL,QAAO,EAAA,GAAA,KAAA,CAAM,KAAA,MAAK,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAA,EACtB,SAAA,EAAS,IAAA,EACT,GAAA,EAAQ,CAAA,CAAA;AAGd,CAAC;;"}
|
|
@@ -8,10 +8,25 @@ import { IconComponentOrKey } from '../Icon/Icon.js';
|
|
|
8
8
|
import CrossIcon from '../Icons/CrossIcon.js';
|
|
9
9
|
|
|
10
10
|
const StyledInput = React__default.forwardRef((_a, ref) => {
|
|
11
|
-
var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
|
|
11
|
+
var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField, clearButtonLabel = "Clear" } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField", "clearButtonLabel"]);
|
|
12
|
+
const inputRef = React__default.useRef(null);
|
|
13
|
+
React__default.useImperativeHandle(ref, () => inputRef.current);
|
|
14
|
+
const handleClearClick = () => {
|
|
15
|
+
var _a2;
|
|
16
|
+
onClickClearField === null || onClickClearField === void 0 ? void 0 : onClickClearField();
|
|
17
|
+
(_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
|
|
18
|
+
};
|
|
12
19
|
const hasPrefix = !!prefix;
|
|
13
20
|
const hasSuffix = !!suffix;
|
|
14
21
|
const hasNoExtraContent = !hasPrefix && !hasSuffix;
|
|
22
|
+
const focusInput = (event) => {
|
|
23
|
+
var _a2;
|
|
24
|
+
if (attributes.disabled) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
event.preventDefault();
|
|
28
|
+
(_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
|
|
29
|
+
};
|
|
15
30
|
const heightClasses = {
|
|
16
31
|
md: "ui:h-form-md",
|
|
17
32
|
lg: "ui:h-form-lg"
|
|
@@ -25,35 +40,63 @@ const StyledInput = React__default.forwardRef((_a, ref) => {
|
|
|
25
40
|
"ui:order-1": hasSuffix,
|
|
26
41
|
"ui:rounded-l ui:border-l": hasPrefix,
|
|
27
42
|
"ui:rounded-r ui:border-r": hasSuffix
|
|
28
|
-
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames(
|
|
29
|
-
|
|
30
|
-
|
|
43
|
+
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), onMouseDown: focusInput, children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames(
|
|
44
|
+
// Let clicks on the icon fall through to the input underneath
|
|
45
|
+
"ui:pointer-events-none ui:absolute ui:left-4 ui:top-1/2",
|
|
46
|
+
{
|
|
47
|
+
"ui:grow": width === "full"
|
|
48
|
+
}
|
|
49
|
+
), style: {
|
|
31
50
|
transform: "translateY(-50%)",
|
|
32
51
|
zIndex: 20
|
|
33
|
-
}, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref, className: classNames(
|
|
34
|
-
"ui:
|
|
35
|
-
|
|
36
|
-
"ui:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"ui:
|
|
50
|
-
"ui:
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"ui:
|
|
55
|
-
"ui:
|
|
56
|
-
|
|
52
|
+
}, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref: inputRef, className: classNames(
|
|
53
|
+
"ui:block",
|
|
54
|
+
calculateResponsiveWidthClasses(width),
|
|
55
|
+
{ "ui:pl-12": icon },
|
|
56
|
+
{
|
|
57
|
+
"ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
|
|
58
|
+
"ui:text-slate-800": !attributes.disabled,
|
|
59
|
+
"ui:border-input-border": !attributes.disabled && !isError,
|
|
60
|
+
"ui:hover:border-input-border-dark": !attributes.disabled,
|
|
61
|
+
"ui:border-red-700": isError,
|
|
62
|
+
"ui:focus:outline-negative": isError,
|
|
63
|
+
"ui:focus:border-primary": !isError,
|
|
64
|
+
"ui:focus:outline-primary": !isError,
|
|
65
|
+
"ui:bg-white": !attributes.disabled
|
|
66
|
+
},
|
|
67
|
+
heightClasses[height],
|
|
68
|
+
"ui:p-2",
|
|
69
|
+
"ui:border",
|
|
70
|
+
"ui:text-base ui:sm:text-sm",
|
|
71
|
+
"ui:placeholder-slate-500",
|
|
72
|
+
"ui:border-solid",
|
|
73
|
+
"ui:transition-colors",
|
|
74
|
+
"ui:duration-300",
|
|
75
|
+
{
|
|
76
|
+
"ui:z-10": hasSuffix || hasPrefix,
|
|
77
|
+
// to make sure the ui:outline is displayed completely
|
|
78
|
+
"ui:rounded": hasNoExtraContent,
|
|
79
|
+
"ui:rounded-l": hasSuffix,
|
|
80
|
+
"ui:rounded-r": hasPrefix,
|
|
81
|
+
"ui:order-2": hasPrefix,
|
|
82
|
+
"ui:order-1": hasSuffix
|
|
83
|
+
},
|
|
84
|
+
"ui:shadow-default",
|
|
85
|
+
// Safari keeps its native searchfield look for type="search" unless appearance is reset.
|
|
86
|
+
"ui:[&[type=search]]:appearance-none",
|
|
87
|
+
"ui:[&::-webkit-search-cancel-button]:appearance-none",
|
|
88
|
+
className
|
|
89
|
+
) }, attributes)), jsx("button", {
|
|
90
|
+
type: "button",
|
|
91
|
+
"aria-label": clearButtonLabel,
|
|
92
|
+
onClick: handleClearClick,
|
|
93
|
+
// `display: none` keeps the hidden button out of the tab order and the accessibility tree.
|
|
94
|
+
className: classNames("ui:absolute ui:right-0 ui:top-1/2 ui:mr-3 ui:cursor-pointer ui:rounded ui:focus-visible:outline-primary", { "ui:hidden": !isClearIconVisible }),
|
|
95
|
+
style: {
|
|
96
|
+
transform: "translateY(-50%)"
|
|
97
|
+
},
|
|
98
|
+
children: jsx(CrossIcon, { className: "ui:block ui:h-6 ui:w-6 ui:text-slate-300" })
|
|
99
|
+
})] })] });
|
|
57
100
|
});
|
|
58
101
|
|
|
59
102
|
export { StyledInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_a","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -2,14 +2,14 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
+
import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
|
|
5
6
|
import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
|
|
6
7
|
import { Stack } from '../Stack/Stack.js';
|
|
7
|
-
import { Text } from '../Text/Text.js';
|
|
8
8
|
|
|
9
9
|
const LabeledRadioCardGroup = (props) => {
|
|
10
10
|
const { children, title, className, columns = 2, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "helperText", "errorText"]);
|
|
11
11
|
const semanticId = React__default.useId();
|
|
12
|
-
return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "
|
|
12
|
+
return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "base", width: "full" }, attributes, { children: [title && jsx(FieldsetLegend, { children: title }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start ui:w-full", {
|
|
13
13
|
"ui:grid-cols-1": columns === 1,
|
|
14
14
|
"ui:grid-cols-2": columns === 2,
|
|
15
15
|
"ui:grid-cols-3": columns === 3,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledRadioCardGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledRadioCardGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AA2CO,MAAM,qBAAA,GAAyC,CAAC,KAAA,KAAgB;AACrE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,UAAA,EACA,WAAS,GAEP,KAAA,EADC,oBACD,KAAA,EARE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CAQL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EACJ,EAAA,EAAG,UAAA,EAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EACA,IAAA,EAAK,MAAA,EACL,KAAA,EAAM,UACF,UAAA,EAAU,EAAA,QAAA,EAAA,CAEb,KAAA,IAASC,GAAA,CAAC,cAAA,EAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAA,EAAW,WACT,yDAAA,EACA;AAAA,IACE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EACF,QAAA,EAEQ,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
+
import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
|
|
4
5
|
import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
|
|
5
6
|
import { Stack } from '../Stack/Stack.js';
|
|
6
|
-
import { Text } from '../Text/Text.js';
|
|
7
7
|
|
|
8
8
|
const LabeledRadioGroup = (props) => {
|
|
9
9
|
const { children, title, className, orientation = "vertical" } = props;
|
|
@@ -15,7 +15,7 @@ const LabeledRadioGroup = (props) => {
|
|
|
15
15
|
axis: "y",
|
|
16
16
|
_gap: "base"
|
|
17
17
|
};
|
|
18
|
-
return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "
|
|
18
|
+
return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx(FieldsetLegend, { children: title }), jsx(Stack, Object.assign({}, orientationProps, { children })), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { LabeledRadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledRadioGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledRadioGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AA2CO,MAAM,iBAAA,GAAqC,CAAC,KAAA,KAAgB;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAW,WAAA,GAAc,YAAU,GAAK,KAAA;AACjE,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,MAAM,gBAAA,GACJ,gBAAgB,YAAA,GACZ;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA,GACP,GACD;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAGd,EAAA,OACEC,IAAA,CAAC,OAAK,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,SAAS,CAAA,EAC/B,MAAK,MAAA,EAAM,QAAA,EAAA,CAEV,KAAA,IAASC,GAAA,CAAC,gBAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAC,OAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,gBAAA,EAAgB,EAAA,QAAA,EAAW,CAAA,CAAA,EACtCA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EAAY,KAAA,CAAM,UAAA,EAClB,SAAA,EAAW,KAAA,CAAM,SAAA,EACjB,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}
|
|
@@ -9,7 +9,7 @@ import { StyledSelect } from './StyledSelect.js';
|
|
|
9
9
|
const LabeledSelect = React__default.forwardRef((props, ref) => {
|
|
10
10
|
const { className, helperText, errorText, label, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "fullWidth", "aria-describedby"]);
|
|
11
11
|
const helperErrorTextId = React__default.useId();
|
|
12
|
-
return jsxs(Stack, { as: "label", _gap: "
|
|
12
|
+
return jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(LabelText, { as: "span", className: "ui:block", children: props.label }), jsx(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
|
|
13
13
|
});
|
|
14
14
|
|
|
15
15
|
export { LabeledSelect };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledSelect.js","sources":["../../../../../../src/components/Select/LabeledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"LabeledSelect.js","sources":["../../../../../../src/components/Select/LabeledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAwEO,MAAM,aAAA,GAAgBA,cAAA,CAAM,UAAA,CACjC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,UAAA,EACA,SAAA,EACA,OACA,SAAA,EACA,kBAAA,EAAoB,iBAAe,GAEjC,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,YAAA,EAAA,aAAA,OAAA,EAAA,WAAA,EAAA,kBAAA,CAQL,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,OAAA,EACH,IAAA,EAAK,MAAA,EACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,EAAoB,QAAA,EAAA,CAEnB,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,UAAA,EAAU,QAAA,EACtC,KAAA,CAAM,KAAA,EAAK,CAAA,EAGhBA,GAAA,CAAC,YAAA,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EACP,IAAA,IACJ,GAAA,EACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGlEA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
+
import classNames from 'classnames';
|
|
4
5
|
import { Box } from '../Box/Box.js';
|
|
5
6
|
import { Stack } from '../Stack/Stack.js';
|
|
6
7
|
import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
|
|
@@ -14,7 +15,7 @@ const LabeledSelectSearchable = React__default.forwardRef((props, ref) => {
|
|
|
14
15
|
const errorMessageId = React__default.useId();
|
|
15
16
|
const hasError = Boolean(errorText);
|
|
16
17
|
const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
|
|
17
|
-
return jsxs(Stack, { _gap: "
|
|
18
|
+
return jsxs(Stack, { _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(Box, { id: labelId, children: jsx(LabelText, { as: "span", className: "ui:block", children: label }) }), jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsx("div", { id: errorMessageId, "aria-live": "polite", className: classNames({ "ui:sr-only": !helperText && !errorText }), children: jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
|
|
18
19
|
});
|
|
19
20
|
|
|
20
21
|
export { LabeledSelectSearchable };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAkFO,MAAM,uBAAA,GAA0BA,cAAA,CAAM,UAAA,CAC3C,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,KAAA,EACA,UAAA,EACA,WACA,SAAA,EACA,iBAAA,EAAmB,gBAAc,GAE/B,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,OAAA,EAAA,cAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAQL,CAAA;AAED,EAAA,MAAM,OAAA,GAAUA,eAAM,KAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,cAAA,GAAiBA,eAAM,KAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,QAAQ,SAAS,CAAA;AAElC,EAAA,MAAM,UAAA,GACJ,CAAC,cAAA,EAAgB,KAAA,GAAQ,OAAA,GAAU,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IACtE,MAAA;AAEF,EAAA,OACEC,KAAC,KAAA,EAAK,EACJ,MAAK,MAAA,EACL,KAAA,EAAO,YAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,EAAoB,QAAA,EAAA,CAEnB,KAAA,IACCC,GAAA,CAAC,OAAI,EAAA,EAAI,SAAO,QAAA,EACdA,GAAA,CAAC,SAAA,EAAS,EAAC,IAAG,MAAA,EAAO,SAAA,EAAU,YAAU,QAAA,EACtC,KAAA,EAAK,CAAA,EACI,CAAA,EAGhBA,GAAA,CAAC,QAAM,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,QAAA,EAAQ,iBAAA,EACA,YAAU,cAAA,EACb,QAAA,IAAY,QAAS,mBAAA,EAChB,QAAA,GAAW,iBAAiB,MAAA,EAAS,CAAA,CAAA,EAO1DA,IAAA,KAAA,EAAA,EACE,IAAI,cAAA,EAAc,WAAA,EACR,UACV,SAAA,EAAW,UAAA,CAAW,EAAE,YAAA,EAAc,CAAC,UAAA,IAAc,CAAC,WAAW,CAAA,EAAC,UAElEA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,iBAAA,EAAiB,GAC/B,CACE,GAAA,CAAA;AAGZ,CAAC;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { Text } from '../../Text/Text.js';
|
|
4
|
+
|
|
5
|
+
const FieldsetLegend = ({ children }) => jsx("legend", { className: "ui:contents", children: renderLegendContent(children) });
|
|
6
|
+
const renderLegendContent = (children) => {
|
|
7
|
+
if (typeof children === "string") {
|
|
8
|
+
return jsx(Text, { as: "span", className: "ui:block", children });
|
|
9
|
+
}
|
|
10
|
+
if (React__default.isValidElement(children) && children.type !== React__default.Fragment) {
|
|
11
|
+
return children;
|
|
12
|
+
}
|
|
13
|
+
return jsx("span", { className: "ui:block", children });
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { FieldsetLegend };
|
|
17
|
+
//# sourceMappingURL=FieldsetLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldsetLegend.js","sources":["../../../../../../../src/components/forms/shared/FieldsetLegend.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":";;;;AAuBO,MAAM,cAAA,GAA4B,CAAC,EAAE,QAAA,OAC1CA,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAA,EAAU,aAAA,EAAa,QAAA,EAAE,mBAAA,CAAoB,QAAQ,GAAC;AAOhE,MAAM,mBAAA,GAAsB,CAAC,QAAA,KAAuB;AAClD,EAAA,IAAI,OAAO,aAAa,QAAA,EAAU;AAChC,IAAA,OACEA,GAAA,CAAC,MAAI,EAAC,EAAA,EAAG,QAAO,SAAA,EAAU,UAAA,EAAU,UACzB,CAAA;AAAA,EAGf;AAEA,EAAA,IAAIC,eAAM,cAAA,CAAe,QAAQ,KAAK,QAAA,CAAS,IAAA,KAASA,eAAM,QAAA,EAAU;AACtE,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,OAAOD,cAAM,SAAA,EAAU,UAAA,EAAU;AACnC,CAAA;;"}
|
|
@@ -14,7 +14,7 @@ const HelperAndErrorText = (props) => {
|
|
|
14
14
|
if (showHelperText) {
|
|
15
15
|
return jsx(Box, { id: props.describingId, children: jsx(Text, { variant: "sm", color: "slate-500", containsDangerousHtml: typeof props.helperText === "string", className: linkClasses, children: props.helperText }) });
|
|
16
16
|
}
|
|
17
|
-
return jsx(Box, { id: props.describingId, children: props.errorText && jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
|
|
17
|
+
return jsx(Box, { id: props.describingId, className: "ui:empty:hidden", children: props.errorText && jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
export { HelperAndErrorText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelperAndErrorText.js","sources":["../../../../../../../src/components/forms/shared/HelperAndErrorText.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA4BA,MAAM,WAAA,GAAc;AAAA,EAClB,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,0BAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACD,CAAA,CAAC,KAAK,GAAG,CAAA;AAEH,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAS;AACrD,EAAA,MAAM,iBAAiB,OAAA,CAAQ,KAAA,CAAM,UAAU,CAAA,IAAK,CAAC,KAAA,CAAM,SAAA;AAE3D,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,OACEA,GAAA,CAAC,GAAA,IAAI,EAAA,EAAI,KAAA,CAAM,YAAA,EAAY,QAAA,EACzBA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,IAAA,EACR,KAAA,EAAM,aACN,qBAAA,EAAuB,OAAO,KAAA,CAAM,UAAA,KAAe,QAAA,EACnD,SAAA,EAAW,WAAA,YAEV,KAAA,CAAM,UAAA,EAAU,CAAA,EACZ,CAAA;AAAA,EAGb;
|
|
1
|
+
{"version":3,"file":"HelperAndErrorText.js","sources":["../../../../../../../src/components/forms/shared/HelperAndErrorText.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA4BA,MAAM,WAAA,GAAc;AAAA,EAClB,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,0BAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACD,CAAA,CAAC,KAAK,GAAG,CAAA;AAEH,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAS;AACrD,EAAA,MAAM,iBAAiB,OAAA,CAAQ,KAAA,CAAM,UAAU,CAAA,IAAK,CAAC,KAAA,CAAM,SAAA;AAE3D,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,OACEA,GAAA,CAAC,GAAA,IAAI,EAAA,EAAI,KAAA,CAAM,YAAA,EAAY,QAAA,EACzBA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,IAAA,EACR,KAAA,EAAM,aACN,qBAAA,EAAuB,OAAO,KAAA,CAAM,UAAA,KAAe,QAAA,EACnD,SAAA,EAAW,WAAA,YAEV,KAAA,CAAM,UAAA,EAAU,CAAA,EACZ,CAAA;AAAA,EAGb;AAMA,EAAA,OACEA,GAAA,CAAC,KAAG,EAAC,EAAA,EAAI,MAAM,YAAA,EAAc,SAAA,EAAU,iBAAA,EAAiB,QAAA,EACrD,KAAA,CAAM,SAAA,IACLA,IAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,IAAA,EAAK,KAAA,EAAM,KAAA,EAAK,UAC3B,KAAA,CAAM,SAAA,KAEV,CAAA;AAGP;;"}
|