@bspk/ui 1.3.22 → 1.3.24
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/components/Breadcrumb/BreadcrumbDropdown.js +1 -1
- package/dist/components/Breadcrumb/BreadcrumbDropdown.js.map +1 -1
- package/dist/components/CheckboxGroup/checkbox-group.css +3 -0
- package/dist/components/CheckboxGroup/checkbox-group.css.js +3 -0
- package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +2 -2
- package/dist/components/CheckboxGroupField/CheckboxGroupField.js +1 -1
- package/dist/components/CheckboxGroupField/CheckboxGroupField.js.map +1 -1
- package/dist/components/DatePickerField/DatePickerField.d.ts +2 -2
- package/dist/components/DatePickerField/DatePickerField.js +1 -1
- package/dist/components/DatePickerField/DatePickerField.js.map +1 -1
- package/dist/components/Field/Field.d.ts +8 -3
- package/dist/components/Field/Field.js +2 -2
- package/dist/components/Field/Field.js.map +1 -1
- package/dist/components/Field/Fieldset.d.ts +2 -2
- package/dist/components/Field/Fieldset.js +3 -3
- package/dist/components/Field/Fieldset.js.map +1 -1
- package/dist/components/Field/field.css +4 -0
- package/dist/components/Field/field.css.js +4 -0
- package/dist/components/Input/Input.d.ts +4 -5
- package/dist/components/Input/Input.js +2 -4
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputField/InputField.d.ts +2 -2
- package/dist/components/InputField/InputField.js +1 -1
- package/dist/components/InputField/InputField.js.map +1 -1
- package/dist/components/InputNumberField/InputNumberField.d.ts +2 -2
- package/dist/components/InputNumberField/InputNumberField.js +1 -1
- package/dist/components/InputNumberField/InputNumberField.js.map +1 -1
- package/dist/components/InputPhoneField/InputPhoneField.d.ts +2 -2
- package/dist/components/InputPhoneField/InputPhoneField.js +1 -1
- package/dist/components/InputPhoneField/InputPhoneField.js.map +1 -1
- package/dist/components/Link/Link.d.ts +0 -1
- package/dist/components/Link/Link.js +0 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.d.ts +2 -2
- package/dist/components/PasswordField/PasswordField.js +1 -1
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/RadioGroup/radio-group.css +3 -0
- package/dist/components/RadioGroup/radio-group.css.js +3 -0
- package/dist/components/RadioGroupField/RadioGroupField.d.ts +2 -2
- package/dist/components/RadioGroupField/RadioGroupField.js.map +1 -1
- package/dist/components/Select/select.css +0 -10
- package/dist/components/Select/select.css.js +0 -10
- package/dist/components/SelectField/SelectField.d.ts +2 -2
- package/dist/components/SelectField/SelectField.js +1 -1
- package/dist/components/SelectField/SelectField.js.map +1 -1
- package/dist/components/TextareaField/TextareaField.d.ts +2 -2
- package/dist/components/TextareaField/TextareaField.js +1 -1
- package/dist/components/TextareaField/TextareaField.js.map +1 -1
- package/dist/components/TimePickerField/TimePickerField.d.ts +2 -2
- package/dist/components/TimePickerField/TimePickerField.js +1 -1
- package/dist/components/TimePickerField/TimePickerField.js.map +1 -1
- package/dist/hooks/useFloating.d.ts +0 -6
- package/dist/hooks/useFloating.js +0 -6
- package/dist/hooks/useFloating.js.map +1 -1
- package/dist/styles/base.css +71 -81
- package/dist/styles/base.css.js +71 -81
- package/dist/types/common.d.ts +1 -0
- package/dist/types/common.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumb/BreadcrumbDropdown.tsx +7 -1
- package/src/components/CheckboxGroup/checkbox-group.scss +4 -0
- package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +3 -2
- package/src/components/DatePickerField/DatePickerField.tsx +3 -2
- package/src/components/Field/Field.tsx +8 -3
- package/src/components/Field/Fieldset.tsx +25 -21
- package/src/components/Field/field.scss +5 -0
- package/src/components/Input/Input.tsx +4 -9
- package/src/components/InputField/InputField.tsx +3 -2
- package/src/components/InputNumberField/InputNumberField.tsx +3 -2
- package/src/components/InputPhoneField/InputPhoneField.tsx +3 -2
- package/src/components/Link/Link.tsx +0 -1
- package/src/components/PasswordField/PasswordField.tsx +3 -2
- package/src/components/RadioGroup/radio-group.scss +4 -0
- package/src/components/RadioGroupField/RadioGroupField.tsx +2 -2
- package/src/components/Select/select.scss +0 -12
- package/src/components/SelectField/SelectField.tsx +3 -2
- package/src/components/TextareaField/TextareaField.tsx +3 -2
- package/src/components/TimePickerField/TimePickerField.tsx +3 -2
- package/src/hooks/useFloating.ts +0 -6
- package/src/styles/base.scss +109 -87
- package/src/types/common.ts +1 -0
- package/dist/components/Link/link.css +0 -18
- package/dist/components/Link/link.css.js +0 -23
- package/src/components/Link/link.scss +0 -21
|
@@ -69,6 +69,6 @@ export function BreadcrumbDropdown({ items: itemsProp, id, scrollLimit }) {
|
|
|
69
69
|
width: 'fit-content',
|
|
70
70
|
maxWidth: '300px',
|
|
71
71
|
minWidth: '150px',
|
|
72
|
-
}, children: items.map((item) => (_jsx(ListItem, { ...item, active: activeElementId === item.id, tabIndex: -1 }, item.id))) })), _jsx(SvgChevronRight, { "aria-hidden": true })] }));
|
|
72
|
+
}, children: items.map((item) => (_jsx(ListItem, { role: "menuitem", ...item, active: activeElementId === item.id, tabIndex: -1 }, item.id))) })), _jsx(SvgChevronRight, { "aria-hidden": true })] }));
|
|
73
73
|
}
|
|
74
74
|
//# sourceMappingURL=BreadcrumbDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbDropdown.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbDropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BreadcrumbDropdown.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,9 @@ style.appendChild(document.createTextNode(`[data-bspk=checkbox-group] {
|
|
|
8
8
|
max-width: 100%;
|
|
9
9
|
--list-item-height: 'auto';
|
|
10
10
|
}
|
|
11
|
+
[data-bspk=checkbox-group] [data-bspk=list-item] {
|
|
12
|
+
background: transparent;
|
|
13
|
+
}
|
|
11
14
|
|
|
12
15
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
13
16
|
`));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CheckboxGroupProps } from '-/components/CheckboxGroup';
|
|
2
|
-
import {
|
|
3
|
-
export type CheckboxGroupFieldProps =
|
|
2
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
3
|
+
export type CheckboxGroupFieldProps = ComposedFieldProps<CheckboxGroupProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the CheckboxGroup component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function CheckboxGroupField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Fieldset, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(CheckboxGroup, { ...propsWithAria({ controlProps, id, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Fieldset, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(CheckboxGroup, { ...propsWithAria({ controlProps, id, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=CheckboxGroupField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroupField.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroupField/CheckboxGroupField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"CheckboxGroupField.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroupField/CheckboxGroupField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAsB,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACO;IACtB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,aAAa,OAAK,aAAa,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC7E,CACd,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DatePickerProps } from '-/components/DatePicker';
|
|
2
|
-
import {
|
|
3
|
-
export type DatePickerFieldProps =
|
|
2
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
3
|
+
export type DatePickerFieldProps = ComposedFieldProps<DatePickerProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the DatePicker component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function DatePickerField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(DatePicker, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(DatePicker, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=DatePickerField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerField.js","sourceRoot":"","sources":["../../../src/components/DatePickerField/DatePickerField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePickerField.js","sourceRoot":"","sources":["../../../src/components/DatePickerField/DatePickerField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACI;IACnB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,UAAU,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC7E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import './field.scss';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { CommonProps } from '-/types/common';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Props for Composed Field components.
|
|
6
|
+
*
|
|
7
|
+
* These are props that combine FieldProps with the props of a specific control component.
|
|
8
|
+
*/
|
|
9
|
+
export type ComposedFieldProps<P extends Record<string, unknown>> = Omit<FieldProps, 'children' | 'controlId'> & Omit<P, keyof FieldProps>;
|
|
5
10
|
export type FieldProps = CommonProps<'style'> & {
|
|
6
11
|
/** Displays an error message and marks the field as invalid. */
|
|
7
12
|
errorMessage?: string;
|
|
@@ -39,8 +44,8 @@ export type FieldProps = CommonProps<'style'> & {
|
|
|
39
44
|
/**
|
|
40
45
|
* Wrapper component for form controls.
|
|
41
46
|
*
|
|
42
|
-
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
43
|
-
* TimePicker.
|
|
47
|
+
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
48
|
+
* RadioGroup, CheckboxGroup, or TimePicker.
|
|
44
49
|
*
|
|
45
50
|
* @example
|
|
46
51
|
* import { Input } from '@bspk/ui/Input';
|
|
@@ -5,8 +5,8 @@ import { InlineAlert } from '../InlineAlert';
|
|
|
5
5
|
/**
|
|
6
6
|
* Wrapper component for form controls.
|
|
7
7
|
*
|
|
8
|
-
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
9
|
-
* TimePicker.
|
|
8
|
+
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
9
|
+
* RadioGroup, CheckboxGroup, or TimePicker.
|
|
10
10
|
*
|
|
11
11
|
* @example
|
|
12
12
|
* import { Input } from '@bspk/ui/Input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA8CvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,SAAS,EAAE,EAAE,EACb,GAAG,KAAK,EACC;IACT,OAAO,CACH,kBAAS,KAAK,uBAAoB,OAAO,EAAC,IAAI,EAAC,OAAO,aAClD,2CAAwB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,aACrD,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,gDAAqB,aAAa,GAAQ,EACtD,aAAa,IAAI,CACd,qEACK,aAAa,GACX,CACV,IACG,EACP,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IAAC,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,OAAO,GAAG,CACnG,CAAC,CAAC,CAAC,CACA,UAAU,IAAI,CACV,4CAA0B,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC,YAC1C,UAAU,GACX,CACP,CACJ,IACC,CACT,CAAC;AACN,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { FieldProps } from './Field';
|
|
|
3
3
|
/**
|
|
4
4
|
* Wrapper component for form controls.
|
|
5
5
|
*
|
|
6
|
-
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
7
|
-
* TimePicker.
|
|
6
|
+
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
7
|
+
* RadioGroup, CheckboxGroup, or TimePicker.
|
|
8
8
|
*
|
|
9
9
|
* @example
|
|
10
10
|
* import { Input } from '@bspk/ui/Input';
|
|
@@ -5,8 +5,8 @@ import { InlineAlert } from '../InlineAlert';
|
|
|
5
5
|
/**
|
|
6
6
|
* Wrapper component for form controls.
|
|
7
7
|
*
|
|
8
|
-
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
9
|
-
* TimePicker.
|
|
8
|
+
* Children should be one of the following: DatePicker, Input, InputNumber, InputPhone, Password, Select, Textarea,
|
|
9
|
+
* RadioGroup, CheckboxGroup, or TimePicker.
|
|
10
10
|
*
|
|
11
11
|
* @example
|
|
12
12
|
* import { Input } from '@bspk/ui/Input';
|
|
@@ -39,6 +39,6 @@ import { InlineAlert } from '../InlineAlert';
|
|
|
39
39
|
* @phase Utility
|
|
40
40
|
*/
|
|
41
41
|
export function Fieldset({ children, label, helperText, labelTrailing, errorMessage, required, controlId: id, ...props }) {
|
|
42
|
-
return (
|
|
42
|
+
return (_jsx("div", { ...props, "data-bspk-utility": "field", children: _jsxs("fieldset", { role: "group", children: [_jsx("legend", { children: _jsxs("span", { "data-field-label": true, id: labelledById(id), children: [_jsx("span", { children: label }), required && _jsx("span", { "data-required": true, children: ' (Required)' }), labelTrailing && (_jsx("span", { "aria-hidden": true, "data-trailing": true, children: labelTrailing }))] }) }), children, errorMessage ? (_jsx(InlineAlert, { id: errorMessageId(id), label: errorMessage, owner: "field-error", variant: "error" })) : (helperText && (_jsx("p", { "data-field-description": true, id: describedById(id), children: helperText })))] }) }));
|
|
43
43
|
}
|
|
44
44
|
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Field/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,SAAS,EAAE,EAAE,EACb,GAAG,KAAK,EACC;IACT,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Field/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,SAAS,EAAE,EAAE,EACb,GAAG,KAAK,EACC;IACT,OAAO,CACH,iBAAS,KAAK,uBAAoB,OAAO,YACrC,oBAAU,IAAI,EAAC,OAAO,aAClB,2BACI,0CAAuB,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,aACvC,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,gDAAqB,aAAa,GAAQ,EACtD,aAAa,IAAI,CACd,qEACK,aAAa,GACX,CACV,IACE,GACF,EACR,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IAAC,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,OAAO,GAAG,CACnG,CAAC,CAAC,CAAC,CACA,UAAU,IAAI,CACV,4CAA0B,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC,YAC1C,UAAU,GACX,CACP,CACJ,IACM,GACT,CACT,CAAC;AACN,CAAC"}
|
|
@@ -35,6 +35,10 @@ style.appendChild(document.createTextNode(`[data-bspk-utility=field] {
|
|
|
35
35
|
margin: 0;
|
|
36
36
|
padding: 0;
|
|
37
37
|
}
|
|
38
|
+
[data-bspk-utility=field] fieldset,
|
|
39
|
+
[data-bspk-utility=field] legend {
|
|
40
|
+
display: contents;
|
|
41
|
+
}
|
|
38
42
|
|
|
39
43
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
40
44
|
`));
|
|
@@ -7,7 +7,7 @@ export declare const DEFAULT: {
|
|
|
7
7
|
readonly type: Extract<HTMLInputTypeAttribute, "number" | "text">;
|
|
8
8
|
readonly autoComplete: "off";
|
|
9
9
|
};
|
|
10
|
-
export type
|
|
10
|
+
export type InputProps = CommonProps<'owner' | 'size'> & FieldControlProps & {
|
|
11
11
|
/** The ref of the container. */
|
|
12
12
|
containerRef?: SetRef<HTMLDivElement>;
|
|
13
13
|
/** The ref of the input. */
|
|
@@ -44,9 +44,8 @@ export type InputBaseProps = CommonProps<'owner' | 'size'> & FieldControlProps &
|
|
|
44
44
|
* @default true
|
|
45
45
|
*/
|
|
46
46
|
showClearButton?: boolean;
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
|
|
47
|
+
/** Additional props to pass to the underlying input element. */
|
|
48
|
+
inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputProps>;
|
|
50
49
|
};
|
|
51
50
|
/**
|
|
52
51
|
* An input that allows users to enter text, numbers or symbols in a singular line. This is a utility element and is not
|
|
@@ -72,7 +71,7 @@ export type InputProps = InputBaseProps & {
|
|
|
72
71
|
* };
|
|
73
72
|
*
|
|
74
73
|
* @name Input
|
|
75
|
-
* @phase
|
|
74
|
+
* @phase Stable
|
|
76
75
|
*/
|
|
77
76
|
export declare function Input({ invalid, onChange, size, value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id, leading, trailing, type, readOnly, disabled, autoComplete, containerRef, showClearButton: showClearButtonProp, owner, inputProps, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...props }: ElementProps<InputProps, 'div'>): import("react/jsx-runtime").JSX.Element;
|
|
78
77
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -34,15 +34,13 @@ export const DEFAULT = {
|
|
|
34
34
|
* };
|
|
35
35
|
*
|
|
36
36
|
* @name Input
|
|
37
|
-
* @phase
|
|
37
|
+
* @phase Stable
|
|
38
38
|
*/
|
|
39
39
|
export function Input({ invalid, onChange, size = DEFAULT.size, value = DEFAULT.value, name, 'aria-label': ariaLabel = 'Input', inputRef, required = false, placeholder, id, leading, trailing, type = DEFAULT.type, readOnly, disabled, autoComplete = DEFAULT.autoComplete, containerRef, showClearButton: showClearButtonProp = true, owner, inputProps, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...props }) {
|
|
40
40
|
const showClearButton = useMemo(() => showClearButtonProp !== false && !readOnly && !disabled && !!value?.toString().length, [showClearButtonProp, readOnly, disabled, value]);
|
|
41
41
|
const inputRefInternal = useRef(null);
|
|
42
42
|
const focusTimeout = useTimeout();
|
|
43
|
-
return (_jsxs("div", { ...props, "data-bspk": "input", "data-bspk-owner": owner || undefined, "data-disabled": disabled || undefined, "data-empty": !value.toString().length || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-show-clear-button": showClearButton || undefined, "data-size": size, ref: containerRef, children: [leading && _jsx("span", { "data-leading": true, children: leading }), _jsx("input", { ...inputProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, autoComplete: autoComplete, "data-main-input": true, disabled: disabled || undefined, id: id, name: name,
|
|
44
|
-
inputProps?.onBlur?.(event);
|
|
45
|
-
}, onChange: (event) => {
|
|
43
|
+
return (_jsxs("div", { ...props, "data-bspk": "input", "data-bspk-owner": owner || undefined, "data-disabled": disabled || undefined, "data-empty": !value.toString().length || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-show-clear-button": showClearButton || undefined, "data-size": size, ref: containerRef, children: [leading && _jsx("span", { "data-leading": true, children: leading }), _jsx("input", { ...inputProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, autoComplete: autoComplete, "data-main-input": true, disabled: disabled || undefined, id: id, name: name, onChange: (event) => {
|
|
46
44
|
onChange(event.target.value, event);
|
|
47
45
|
}, onFocus: (event) => {
|
|
48
46
|
inputProps?.onFocus?.(event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAqC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAA4D;IAClE,YAAY,EAAE,KAAK;CACb,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { InputProps } from '-/components/Input';
|
|
3
|
-
export type InputFieldProps =
|
|
3
|
+
export type InputFieldProps = ComposedFieldProps<InputProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the Input component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function InputField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(Input, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(Input, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=InputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/components/InputField/InputField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/components/InputField/InputField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAc,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACD;IACd,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,KAAK,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GACxE,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { InputNumberProps } from '-/components/InputNumber';
|
|
3
|
-
export type InputNumberFieldProps =
|
|
3
|
+
export type InputNumberFieldProps = ComposedFieldProps<InputNumberProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the InputNumber component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function InputNumberField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(InputNumber, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(InputNumber, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=InputNumberField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumberField.js","sourceRoot":"","sources":["../../../src/components/InputNumberField/InputNumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"InputNumberField.js","sourceRoot":"","sources":["../../../src/components/InputNumberField/InputNumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACK;IACpB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,WAAW,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC9E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { InputPhoneProps } from '-/components/InputPhone';
|
|
3
|
-
export type InputPhoneFieldProps =
|
|
3
|
+
export type InputPhoneFieldProps = ComposedFieldProps<InputPhoneProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the InputPhone component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function InputPhoneField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(InputPhone, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(InputPhone, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=InputPhoneField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputPhoneField.js","sourceRoot":"","sources":["../../../src/components/InputPhoneField/InputPhoneField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"InputPhoneField.js","sourceRoot":"","sources":["../../../src/components/InputPhoneField/InputPhoneField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACI;IACnB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,UAAU,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC7E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,IAAI,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAyCjG;;;;;;;;;;GAUG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,KAAK,EAAgC;IACjH,IAAI,QAAQ,GAA4D,SAAS,CAAC;IAElF,IAAI,YAAY,KAAK,UAAU;QAC3B,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IAEhH,IAAI,YAAY,KAAK,SAAS;QAC1B,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CACjB,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAC7F,CAAC;IAEN,IAAI,YAAY,KAAK,MAAM;QACvB,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAEtG,OAAO,CACH,gBACQ,KAAK,eACC,MAAM,eACL,IAAI,iBACF,OAAO,KAAK,QAAQ,IAAI,SAAS,yBACzB,OAAO,KAAK,gBAAgB,IAAI,SAAS,wBAC1C,YAAY,IAAI,SAAS,EAC7C,MAAM,EAAE,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aAEvD,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,CACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACpB,KAAC,QAAQ,KAAG,GACL,CACd,IACD,CACP,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { PasswordProps } from '-/components/Password';
|
|
3
|
-
export type PasswordFieldProps =
|
|
3
|
+
export type PasswordFieldProps = ComposedFieldProps<PasswordProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the Password component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function PasswordField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(Password, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(Password, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=PasswordField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACE;IACjB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,QAAQ,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC3E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { RadioGroupProps } from '-/components/RadioGroup';
|
|
3
|
-
export type RadioGroupFieldProps =
|
|
3
|
+
export type RadioGroupFieldProps = ComposedFieldProps<RadioGroupProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the RadioGroup component.
|
|
6
6
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupField.js","sourceRoot":"","sources":["../../../src/components/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"RadioGroupField.js","sourceRoot":"","sources":["../../../src/components/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACI;IACnB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,UAAU,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC1E,CACd,CAAC;AACN,CAAC"}
|
|
@@ -40,16 +40,6 @@
|
|
|
40
40
|
font: var(--select-font);
|
|
41
41
|
color: var(--select-text-color);
|
|
42
42
|
}
|
|
43
|
-
[data-bspk=select] [data-icon] {
|
|
44
|
-
display: flex;
|
|
45
|
-
flex-direction: column;
|
|
46
|
-
justify-content: center;
|
|
47
|
-
pointer-events: none;
|
|
48
|
-
}
|
|
49
|
-
[data-bspk=select] [data-icon] svg {
|
|
50
|
-
transform: rotate(90deg);
|
|
51
|
-
width: var(--select-icon-width);
|
|
52
|
-
}
|
|
53
43
|
[data-bspk=select][data-size=small] {
|
|
54
44
|
--select-height: var(--spacing-sizing-08);
|
|
55
45
|
--select-font: var(--body-small);
|
|
@@ -43,16 +43,6 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
|
|
|
43
43
|
font: var(--select-font);
|
|
44
44
|
color: var(--select-text-color);
|
|
45
45
|
}
|
|
46
|
-
[data-bspk=select] [data-icon] {
|
|
47
|
-
display: flex;
|
|
48
|
-
flex-direction: column;
|
|
49
|
-
justify-content: center;
|
|
50
|
-
pointer-events: none;
|
|
51
|
-
}
|
|
52
|
-
[data-bspk=select] [data-icon] svg {
|
|
53
|
-
transform: rotate(90deg);
|
|
54
|
-
width: var(--select-icon-width);
|
|
55
|
-
}
|
|
56
46
|
[data-bspk=select][data-size=small] {
|
|
57
47
|
--select-height: var(--spacing-sizing-08);
|
|
58
48
|
--select-font: var(--body-small);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { SelectProps } from '-/components/Select';
|
|
3
|
-
export type SelectFieldProps =
|
|
3
|
+
export type SelectFieldProps = ComposedFieldProps<SelectProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the Select component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function SelectField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(Select, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(Select, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=SelectField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACA;IACf,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,MAAM,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GACzE,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { TextareaProps } from '-/components/Textarea';
|
|
3
|
-
export type TextareaFieldProps =
|
|
3
|
+
export type TextareaFieldProps = ComposedFieldProps<TextareaProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the Textarea component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function TextareaField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(Textarea, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(Textarea, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=TextareaField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACE;IACjB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,QAAQ,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC3E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComposedFieldProps } from '-/components/Field';
|
|
2
2
|
import { TimePickerProps } from '-/components/TimePicker';
|
|
3
|
-
export type TimePickerFieldProps =
|
|
3
|
+
export type TimePickerFieldProps = ComposedFieldProps<TimePickerProps>;
|
|
4
4
|
/**
|
|
5
5
|
* A field wrapper for the TimePicker component.
|
|
6
6
|
*
|
|
@@ -14,6 +14,6 @@ import { useId } from '../../hooks/useId';
|
|
|
14
14
|
*/
|
|
15
15
|
export function TimePickerField({ label, helperText, labelTrailing, errorMessage, style, id: idProp, ...controlProps }) {
|
|
16
16
|
const id = useId(idProp);
|
|
17
|
-
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, style: style, children: _jsx(TimePicker, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
17
|
+
return (_jsx(Field, { controlId: id, errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: controlProps.required, style: style, children: _jsx(TimePicker, { ...propsWithAria({ id, controlProps, errorMessage, helperText }) }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=TimePickerField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerField.js","sourceRoot":"","sources":["../../../src/components/TimePickerField/TimePickerField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"TimePickerField.js","sourceRoot":"","sources":["../../../src/components/TimePickerField/TimePickerField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAsB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,EAAE,EAAE,MAAM,EACV,GAAG,YAAY,EACI;IACnB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,CACH,KAAC,KAAK,IACF,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,KAAK,YAEZ,KAAC,UAAU,OAAK,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAI,GAC7E,CACX,CAAC;AACN,CAAC"}
|
|
@@ -57,12 +57,6 @@ export type UseFloatingElements = {
|
|
|
57
57
|
setReference: (element: HTMLElement | null) => void;
|
|
58
58
|
setFloating: (element: HTMLElement | null) => void;
|
|
59
59
|
};
|
|
60
|
-
/**
|
|
61
|
-
*
|
|
62
|
-
*
|
|
63
|
-
* @param param0
|
|
64
|
-
* @returns
|
|
65
|
-
*/
|
|
66
60
|
export declare function useFloating({ placement, arrowRef, strategy, offsetOptions, refWidth, hide, }: UseFloatingProps): {
|
|
67
61
|
elements: UseFloatingElements;
|
|
68
62
|
floatingStyles: React.CSSProperties;
|
|
@@ -17,12 +17,6 @@ import { computePosition, arrow, offset, flip, autoUpdate, size, } from '@floati
|
|
|
17
17
|
import { useCallback, useEffect, useState } from 'react';
|
|
18
18
|
import { useTimeout } from './useTimeout';
|
|
19
19
|
const TRANSITION_DELAY = 250;
|
|
20
|
-
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
* @param param0
|
|
24
|
-
* @returns
|
|
25
|
-
*/
|
|
26
20
|
export function useFloating({ placement = 'bottom-start', arrowRef, strategy = 'fixed', offsetOptions = 0, refWidth = false, hide = false, }) {
|
|
27
21
|
const [floatingStyles, setFloatingStylesState] = useState({
|
|
28
22
|
opacity: 0,
|