@rjsf/chakra-ui 6.6.1 → 6.6.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/chakra-ui.esm.js +147 -189
- package/dist/chakra-ui.esm.js.map +3 -3
- package/dist/chakra-ui.umd.js +135 -133
- package/dist/index.cjs +237 -234
- package/dist/index.cjs.map +3 -3
- package/lib/AddButton/AddButton.d.ts +1 -1
- package/lib/AddButton/AddButton.js.map +1 -1
- package/lib/AltDateTimeWidget/AltDateTimeWidget.d.ts +1 -1
- package/lib/AltDateWidget/AltDateWidget.d.ts +1 -1
- package/lib/AltDateWidget/AltDateWidget.js +1 -1
- package/lib/AltDateWidget/AltDateWidget.js.map +1 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +1 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +1 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -1
- package/lib/BaseInputTemplate/BaseInputTemplate.d.ts +1 -1
- package/lib/BaseInputTemplate/BaseInputTemplate.js +5 -5
- package/lib/BaseInputTemplate/BaseInputTemplate.js.map +1 -1
- package/lib/ChakraFrameProvider.js +1 -3
- package/lib/ChakraFrameProvider.js.map +1 -1
- package/lib/CheckboxWidget/CheckboxWidget.d.ts +1 -1
- package/lib/CheckboxWidget/CheckboxWidget.js +4 -4
- package/lib/CheckboxWidget/CheckboxWidget.js.map +1 -1
- package/lib/CheckboxesWidget/CheckboxesWidget.d.ts +1 -1
- package/lib/CheckboxesWidget/CheckboxesWidget.js +4 -4
- package/lib/CheckboxesWidget/CheckboxesWidget.js.map +1 -1
- package/lib/DescriptionField/DescriptionField.d.ts +1 -1
- package/lib/ErrorList/ErrorList.d.ts +1 -1
- package/lib/ErrorList/ErrorList.js.map +1 -1
- package/lib/FieldErrorTemplate/FieldErrorTemplate.d.ts +1 -1
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js +1 -3
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js.map +1 -1
- package/lib/FieldHelpTemplate/FieldHelpTemplate.d.ts +1 -1
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map +1 -1
- package/lib/FieldTemplate/FieldTemplate.d.ts +1 -1
- package/lib/FieldTemplate/FieldTemplate.js +1 -1
- package/lib/FieldTemplate/FieldTemplate.js.map +1 -1
- package/lib/Form/Form.d.ts +3 -3
- package/lib/Form/Form.js.map +1 -1
- package/lib/GridTemplate/GridTemplate.d.ts +1 -1
- package/lib/IconButton/ChakraIconButton.d.ts +2 -2
- package/lib/IconButton/ChakraIconButton.js.map +1 -1
- package/lib/IconButton/IconButton.d.ts +13 -7
- package/lib/IconButton/IconButton.js +11 -5
- package/lib/IconButton/IconButton.js.map +1 -1
- package/lib/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.d.ts +1 -1
- package/lib/NativeSelectWidget/NativeSelectWidget.d.ts +1 -1
- package/lib/NativeSelectWidget/NativeSelectWidget.js +13 -15
- package/lib/NativeSelectWidget/NativeSelectWidget.js.map +1 -1
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.d.ts +1 -1
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +2 -2
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -1
- package/lib/OptionalDataControlsTemplate/OptionalDataControlsTemplate.d.ts +1 -1
- package/lib/OptionalDataControlsTemplate/OptionalDataControlsTemplate.js +1 -1
- package/lib/OptionalDataControlsTemplate/OptionalDataControlsTemplate.js.map +1 -1
- package/lib/RadioWidget/RadioWidget.d.ts +1 -1
- package/lib/RadioWidget/RadioWidget.js +6 -6
- package/lib/RadioWidget/RadioWidget.js.map +1 -1
- package/lib/RangeWidget/RangeWidget.d.ts +1 -1
- package/lib/RangeWidget/RangeWidget.js +5 -5
- package/lib/RangeWidget/RangeWidget.js.map +1 -1
- package/lib/SelectWidget/SelectWidget.d.ts +1 -1
- package/lib/SelectWidget/SelectWidget.js +15 -17
- package/lib/SelectWidget/SelectWidget.js.map +1 -1
- package/lib/SubmitButton/SubmitButton.d.ts +1 -1
- package/lib/SubmitButton/SubmitButton.js.map +1 -1
- package/lib/Templates/Templates.d.ts +1 -1
- package/lib/TextareaWidget/TextareaWidget.d.ts +1 -1
- package/lib/TextareaWidget/TextareaWidget.js +5 -5
- package/lib/TextareaWidget/TextareaWidget.js.map +1 -1
- package/lib/Theme/Theme.d.ts +2 -2
- package/lib/TitleField/TitleField.d.ts +1 -1
- package/lib/UpDownWidget/UpDownWidget.d.ts +1 -1
- package/lib/UpDownWidget/UpDownWidget.js +5 -5
- package/lib/UpDownWidget/UpDownWidget.js.map +1 -1
- package/lib/Widgets/Widgets.d.ts +1 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.d.ts +1 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +1 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -1
- package/lib/components/ui/alert.d.ts +1 -1
- package/lib/components/ui/alert.js +1 -1
- package/lib/components/ui/alert.js.map +1 -1
- package/lib/components/ui/checkbox.d.ts +1 -1
- package/lib/components/ui/checkbox.js +1 -1
- package/lib/components/ui/checkbox.js.map +1 -1
- package/lib/components/ui/close-button.js +1 -1
- package/lib/components/ui/close-button.js.map +1 -1
- package/lib/components/ui/field.d.ts +1 -1
- package/lib/components/ui/field.js +1 -1
- package/lib/components/ui/field.js.map +1 -1
- package/lib/components/ui/number-input.js +1 -1
- package/lib/components/ui/number-input.js.map +1 -1
- package/lib/components/ui/radio.d.ts +1 -1
- package/lib/components/ui/radio.js +1 -1
- package/lib/components/ui/radio.js.map +1 -1
- package/lib/components/ui/select.d.ts +1 -1
- package/lib/components/ui/select.js +13 -17
- package/lib/components/ui/select.js.map +1 -1
- package/lib/components/ui/slider.d.ts +2 -2
- package/lib/components/ui/slider.js +19 -19
- package/lib/components/ui/slider.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils.d.ts +2 -2
- package/lib/utils.js.map +1 -1
- package/package.json +6 -7
- package/src/AddButton/AddButton.tsx +2 -1
- package/src/AltDateTimeWidget/AltDateTimeWidget.tsx +1 -1
- package/src/AltDateWidget/AltDateWidget.tsx +2 -10
- package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +3 -9
- package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +2 -9
- package/src/BaseInputTemplate/BaseInputTemplate.tsx +11 -18
- package/src/ChakraFrameProvider.tsx +7 -9
- package/src/CheckboxWidget/CheckboxWidget.tsx +10 -12
- package/src/CheckboxesWidget/CheckboxesWidget.tsx +8 -11
- package/src/DescriptionField/DescriptionField.tsx +1 -1
- package/src/ErrorList/ErrorList.tsx +3 -1
- package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +8 -8
- package/src/FieldHelpTemplate/FieldHelpTemplate.tsx +2 -1
- package/src/FieldTemplate/FieldTemplate.tsx +2 -8
- package/src/Form/Form.tsx +4 -3
- package/src/GridTemplate/GridTemplate.tsx +1 -1
- package/src/IconButton/ChakraIconButton.tsx +9 -3
- package/src/IconButton/IconButton.tsx +15 -7
- package/src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx +1 -1
- package/src/NativeSelectWidget/NativeSelectWidget.tsx +20 -29
- package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +4 -18
- package/src/OptionalDataControlsTemplate/OptionalDataControlsTemplate.tsx +3 -2
- package/src/RadioWidget/RadioWidget.tsx +13 -16
- package/src/RangeWidget/RangeWidget.tsx +11 -18
- package/src/SelectWidget/SelectWidget.tsx +24 -27
- package/src/SubmitButton/SubmitButton.tsx +2 -1
- package/src/Templates/Templates.ts +1 -1
- package/src/TextareaWidget/TextareaWidget.tsx +10 -16
- package/src/Theme/Theme.tsx +2 -2
- package/src/TitleField/TitleField.tsx +1 -1
- package/src/UpDownWidget/UpDownWidget.tsx +10 -16
- package/src/Widgets/Widgets.ts +1 -1
- package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +2 -9
- package/src/components/ui/alert.tsx +3 -2
- package/src/components/ui/checkbox.tsx +3 -2
- package/src/components/ui/close-button.tsx +5 -7
- package/src/components/ui/field.tsx +3 -2
- package/src/components/ui/number-input.tsx +1 -1
- package/src/components/ui/radio.tsx +3 -2
- package/src/components/ui/select.tsx +31 -36
- package/src/components/ui/slider.tsx +37 -35
- package/src/utils.ts +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionalDataControlsTemplate.js","sourceRoot":"","sources":["../../src/OptionalDataControlsTemplate/OptionalDataControlsTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAIlD,KAAiD;IACjD,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACjE,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,GAChB,CACH,CAAC;IACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionalDataControlsTemplate.js","sourceRoot":"","sources":["../../src/OptionalDataControlsTemplate/OptionalDataControlsTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAIlD,KAAiD;IACjD,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACjE,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,GAChB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,GAChB,CACH,CAAC;IACJ,CAAC;IACD,OAAO,aAAI,EAAE,EAAE,EAAE,YAAG,KAAK,GAAM,CAAC;AAClC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
2
2
|
export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, htmlName, options, value, required, disabled, readonly, label, hideLabel, onChange, onBlur, onFocus, uiSchema, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,16 +7,16 @@ import { getChakra } from '../utils.js';
|
|
|
7
7
|
export default function RadioWidget({ id, htmlName, options, value, required, disabled, readonly, label, hideLabel, onChange, onBlur, onFocus, uiSchema, }) {
|
|
8
8
|
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
9
9
|
const optionValueFormat = getOptionValueFormat(options);
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
10
|
+
const handleChange = ({ target: { value: enumValue } }) => onChange(enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
|
|
11
|
+
const handleBlur = ({ target: { value: enumValue } }) => onBlur(id, enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
|
|
12
|
+
const handleFocus = ({ target: { value: enumValue } }) => onFocus(id, enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
|
|
13
13
|
const row = options ? options.inline : false;
|
|
14
14
|
const selectValue = enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null);
|
|
15
15
|
const chakraProps = getChakra({ uiSchema });
|
|
16
|
-
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(RadioGroup, { onChange:
|
|
16
|
+
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(RadioGroup, { onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, value: selectValue, name: htmlName || id, "aria-describedby": ariaDescribedByIds(id), children: _jsx(Stack, { direction: row ? 'row' : 'column', children: Array.isArray(enumOptions) &&
|
|
17
17
|
enumOptions.map((option, index) => {
|
|
18
|
-
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.
|
|
19
|
-
return (_jsx(Radio, { value: enumOptionValueEncoder(option.value, index, optionValueFormat), id: optionId(id, index), disabled: disabled || itemDisabled || readonly, children: option.label },
|
|
18
|
+
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
|
|
19
|
+
return (_jsx(Radio, { value: enumOptionValueEncoder(option.value, index, optionValueFormat), id: optionId(id, index), disabled: disabled || itemDisabled || readonly, children: option.label }, String(option.value)));
|
|
20
20
|
}) }) }) }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=RadioWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioWidget.js","sourceRoot":"","sources":["../../src/RadioWidget/RadioWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioWidget.js","sourceRoot":"","sources":["../../src/RadioWidget/RadioWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
2
2
|
export default function RangeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ value, readonly, disabled, onBlur, onFocus, options, schema, onChange, label, hideLabel, id, uiSchema, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ariaDescribedByIds, labelValue, rangeSpec
|
|
2
|
+
import { ariaDescribedByIds, labelValue, rangeSpec } from '@rjsf/utils';
|
|
3
3
|
import { Field } from '../components/ui/field.js';
|
|
4
4
|
import { Slider } from '../components/ui/slider.js';
|
|
5
5
|
import { getChakra } from '../utils.js';
|
|
6
6
|
export default function RangeWidget({ value, readonly, disabled, onBlur, onFocus, options, schema, onChange, label, hideLabel, id, uiSchema, }) {
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
7
|
+
const handleChange = ({ value: newValue }) => onChange(newValue === undefined ? options.emptyValue : newValue[0]);
|
|
8
|
+
const handleBlur = ({ target }) => onBlur(id, target && target.value);
|
|
9
|
+
const handleFocus = ({ target }) => onFocus(id, target && target.value);
|
|
10
10
|
const chakraProps = getChakra({ uiSchema });
|
|
11
|
-
return (_jsx(Field, { mb: 1, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(Slider, { ...rangeSpec(schema), id: id, name: id, disabled: disabled || readonly, value: [value], onValueChange:
|
|
11
|
+
return (_jsx(Field, { mb: 1, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(Slider, { ...rangeSpec(schema), id: id, name: id, disabled: disabled || readonly, value: [value], onValueChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, "aria-describedby": ariaDescribedByIds(id) }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=RangeWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeWidget.js","sourceRoot":"","sources":["../../src/RangeWidget/RangeWidget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RangeWidget.js","sourceRoot":"","sources":["../../src/RangeWidget/RangeWidget.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAoF,EACrH,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,GACa;IACrB,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA4B,EAAE,EAAE,CACrE,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACpG,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtG,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,KAAK,IAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,KAAM,WAAW,YAC1E,KAAC,MAAM,OACD,SAAS,CAAI,MAAM,CAAC,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,sBACF,kBAAkB,CAAC,EAAE,CAAC,GACxC,GACI,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
2
2
|
export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,34 +9,32 @@ export default function SelectWidget(props) {
|
|
|
9
9
|
const { id, htmlName, options, label, hideLabel, placeholder, multiple, required, disabled, readonly, value, autofocus, onChange, onBlur, onFocus, rawErrors = [], schema, uiSchema, } = props;
|
|
10
10
|
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
11
11
|
const optionValueFormat = getOptionValueFormat(options);
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const _onSingleChange = ({ value }) => {
|
|
16
|
-
const selected = enumOptionValueDecoder(value, enumOptions, optionValueFormat, emptyValue);
|
|
12
|
+
const handleMultiChange = ({ value: newValue }) => onChange(enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, emptyValue));
|
|
13
|
+
const handleSingleChange = ({ value: newValue }) => {
|
|
14
|
+
const selected = enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, emptyValue);
|
|
17
15
|
return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
|
|
18
16
|
};
|
|
19
|
-
const
|
|
20
|
-
const
|
|
17
|
+
const handleBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
|
|
18
|
+
const handleFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
|
|
21
19
|
const showPlaceholderOption = !multiple && schema.default === undefined;
|
|
22
20
|
const displayEnumOptions = useMemo(() => {
|
|
23
|
-
let
|
|
21
|
+
let computedOptions = [];
|
|
24
22
|
if (Array.isArray(enumOptions)) {
|
|
25
|
-
|
|
26
|
-
const { value, label } = option;
|
|
23
|
+
computedOptions = enumOptions.map((option, index) => {
|
|
24
|
+
const { value: enumValue, label: enumLabel } = option;
|
|
27
25
|
return {
|
|
28
|
-
label,
|
|
29
|
-
value: enumOptionValueEncoder(
|
|
30
|
-
disabled: Array.isArray(enumDisabled) && enumDisabled.
|
|
26
|
+
label: enumLabel,
|
|
27
|
+
value: enumOptionValueEncoder(enumValue, index, optionValueFormat),
|
|
28
|
+
disabled: Array.isArray(enumDisabled) && enumDisabled.includes(enumValue),
|
|
31
29
|
};
|
|
32
30
|
});
|
|
33
31
|
if (showPlaceholderOption) {
|
|
34
|
-
|
|
32
|
+
computedOptions.unshift({ value: '', label: placeholder || '' });
|
|
35
33
|
}
|
|
36
34
|
}
|
|
37
|
-
return
|
|
35
|
+
return computedOptions;
|
|
38
36
|
}, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
|
|
39
|
-
const isMultiple = typeof multiple !== 'undefined' && multiple
|
|
37
|
+
const isMultiple = typeof multiple !== 'undefined' && multiple && Boolean(enumOptions);
|
|
40
38
|
// Chakra's SelectRoot always expects a string array, so flatten the helper's
|
|
41
39
|
// single/multiple return shape and strip the empty-single case.
|
|
42
40
|
const formValue = [
|
|
@@ -49,6 +47,6 @@ export default function SelectWidget(props) {
|
|
|
49
47
|
});
|
|
50
48
|
const containerRef = useRef(null);
|
|
51
49
|
const chakraProps = getChakra({ uiSchema });
|
|
52
|
-
return (_jsx(Field, { ref: containerRef, mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), position: 'relative', ...chakraProps, children: _jsxs(SelectRoot, { collection: selectOptions, id: id, name: htmlName || id, multiple: isMultiple, closeOnSelect: !isMultiple, onBlur:
|
|
50
|
+
return (_jsx(Field, { ref: containerRef, mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), position: 'relative', ...chakraProps, children: _jsxs(SelectRoot, { collection: selectOptions, id: id, name: htmlName || id, multiple: isMultiple, closeOnSelect: !isMultiple, onBlur: handleBlur, onValueChange: isMultiple ? handleMultiChange : handleSingleChange, onFocus: handleFocus, autoFocus: autofocus, value: formValue, "aria-describedby": ariaDescribedByIds(id), positioning: { placement: 'bottom' }, children: [_jsx(ChakraSelect.Control, { children: _jsx(SelectTrigger, { children: _jsx(SelectValueText, { placeholder: placeholder }) }) }), _jsx(ChakraSelect.Positioner, { minWidth: '100% !important', zIndex: '2 !important', top: 'calc(100% + 5px) !important', children: _jsx(ChakraSelect.Content, { children: selectOptions.items.map((item) => (_jsxs(ChakraSelect.Item, { item: item, children: [item.label, _jsx(ChakraSelect.ItemIndicator, {})] }, item.value))) }) })] }) }));
|
|
53
51
|
}
|
|
54
52
|
//# sourceMappingURL=SelectWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWidget.js","sourceRoot":"","sources":["../../src/SelectWidget/SelectWidget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SelectWidget.js","sourceRoot":"","sources":["../../src/SelectWidget/SelectWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils';
|
|
2
2
|
export default function SubmitButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ uiSchema }: SubmitButtonProps<T, S, F>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EAAE,QAAQ,EAA8B;IACxC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC5F,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,KAAK,iBAAiB,YACxD,UAAU,GACJ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
|
|
2
2
|
export declare function generateTemplates<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): Partial<TemplatesType<T, S, F>>;
|
|
3
3
|
declare const _default: Partial<TemplatesType<any, RJSFSchema, any>>;
|
|
4
4
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
2
2
|
export default function TextareaWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, htmlName, placeholder, value, label, hideLabel, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, required, rawErrors, uiSchema, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Textarea } from '@chakra-ui/react';
|
|
3
|
-
import { ariaDescribedByIds, labelValue
|
|
3
|
+
import { ariaDescribedByIds, labelValue } from '@rjsf/utils';
|
|
4
4
|
import { Field } from '../components/ui/field.js';
|
|
5
5
|
import { getChakra } from '../utils.js';
|
|
6
6
|
export default function TextareaWidget({ id, htmlName, placeholder, value, label, hideLabel, disabled, autofocus, readonly, onBlur, onFocus, onChange, options, required, rawErrors, uiSchema, }) {
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
7
|
+
const handleChange = ({ target: { value: newValue } }) => onChange(newValue === '' ? options.emptyValue : newValue);
|
|
8
|
+
const handleBlur = ({ target }) => onBlur(id, target && target.value);
|
|
9
|
+
const handleFocus = ({ target }) => onFocus(id, target && target.value);
|
|
10
10
|
const chakraProps = getChakra({ uiSchema });
|
|
11
|
-
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(Textarea, { id: id, name: htmlName || id, value: value !== null && value !== void 0 ? value : '', placeholder: placeholder, autoFocus: autofocus, onChange:
|
|
11
|
+
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(Textarea, { id: id, name: htmlName || id, value: value !== null && value !== void 0 ? value : '', placeholder: placeholder, autoFocus: autofocus, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, rows: options.rows, "aria-describedby": ariaDescribedByIds(id) }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=TextareaWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaWidget.js","sourceRoot":"","sources":["../../src/TextareaWidget/TextareaWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextareaWidget.js","sourceRoot":"","sources":["../../src/TextareaWidget/TextareaWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,EACA,EAAE,EACF,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACa;IACrB,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAoC,EAAE,EAAE,CACzF,QAAQ,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACvG,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEzG,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,KAAK,IACJ,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAC1C,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,KACzC,WAAW,YAEf,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,OAAO,CAAC,IAAI,sBACA,kBAAkB,CAAC,EAAE,CAAC,GACxC,GACI,CACT,CAAC;AACJ,CAAC"}
|
package/lib/Theme/Theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ThemeProps } from '@rjsf/core';
|
|
2
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
1
|
+
import type { ThemeProps } from '@rjsf/core';
|
|
2
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
3
|
export declare function generateTheme<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): ThemeProps<T, S, F>;
|
|
4
4
|
declare const _default: ThemeProps<any, RJSFSchema, any>;
|
|
5
5
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, TitleFieldProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, TitleFieldProps } from '@rjsf/utils';
|
|
2
2
|
export default function TitleField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, title, optionalDataControl, }: TitleFieldProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
2
2
|
export default function UpDownWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ariaDescribedByIds, labelValue
|
|
2
|
+
import { ariaDescribedByIds, labelValue } from '@rjsf/utils';
|
|
3
3
|
import { Field } from '../components/ui/field.js';
|
|
4
4
|
import { NumberInputRoot } from '../components/ui/number-input.js';
|
|
5
5
|
import { getChakra } from '../utils.js';
|
|
6
6
|
export default function UpDownWidget(props) {
|
|
7
7
|
const { id, readonly, disabled, label, hideLabel, value, onChange, onBlur, onFocus, rawErrors, required } = props;
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
8
|
+
const handleChange = ({ value: newValue }) => onChange(newValue);
|
|
9
|
+
const handleBlur = ({ target }) => onBlur(id, target && target.value);
|
|
10
|
+
const handleFocus = ({ target }) => onFocus(id, target && target.value);
|
|
11
11
|
const chakraProps = getChakra({ uiSchema: props.uiSchema });
|
|
12
|
-
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(NumberInputRoot, { value: value, onValueChange:
|
|
12
|
+
return (_jsx(Field, { mb: 1, disabled: disabled || readonly, required: required, readOnly: readonly, invalid: rawErrors && rawErrors.length > 0, label: labelValue(label, hideLabel || !label), ...chakraProps, children: _jsx(NumberInputRoot, { value: value, onValueChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, "aria-describedby": ariaDescribedByIds(id), id: id, name: id }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=UpDownWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UpDownWidget.js","sourceRoot":"","sources":["../../src/UpDownWidget/UpDownWidget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"UpDownWidget.js","sourceRoot":"","sources":["../../src/UpDownWidget/UpDownWidget.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAA2B;IAE3B,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElH,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChG,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAsC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1G,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAsC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5G,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,KAAK,IACJ,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAC1C,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,KACzC,WAAW,YAEf,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,sBACF,kBAAkB,CAAC,EAAE,CAAC,EACxC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,GACR,GACI,CACT,CAAC;AACJ,CAAC"}
|
package/lib/Widgets/Widgets.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
2
2
|
export declare function generateWidgets<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): RegistryWidgetsType<T, S, F>;
|
|
3
3
|
declare const _default: RegistryWidgetsType<any, RJSFSchema, any>;
|
|
4
4
|
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormContextType, RJSFSchema, StrictRJSFSchema, WrapIfAdditionalTemplateProps } from '@rjsf/utils';
|
|
1
|
+
import type { FormContextType, RJSFSchema, StrictRJSFSchema, WrapIfAdditionalTemplateProps } from '@rjsf/utils';
|
|
2
2
|
export default function WrapIfAdditionalTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WrapIfAdditionalTemplateProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Grid, GridItem, Input } from '@chakra-ui/react';
|
|
3
|
-
import { ADDITIONAL_PROPERTY_FLAG, buttonId, TranslatableString
|
|
3
|
+
import { ADDITIONAL_PROPERTY_FLAG, buttonId, TranslatableString } from '@rjsf/utils';
|
|
4
4
|
import { Field } from '../components/ui/field.js';
|
|
5
5
|
export default function WrapIfAdditionalTemplate(props) {
|
|
6
6
|
const { children, classNames, style, disabled, displayLabel, id, label, onRemoveProperty, onKeyRenameBlur, rawDescription, readonly, registry, required, schema, uiSchema, } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WrapIfAdditionalTemplate.js","sourceRoot":"","sources":["../../src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"WrapIfAdditionalTemplate.js","sourceRoot":"","sources":["../../src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,wBAAwB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAErF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAI9C,KAA6C;IAC7C,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IAChD,sDAAsD;IACtD,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,eAAe,CAAC;IACnD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClG,MAAM,UAAU,GAAG,wBAAwB,IAAI,MAAM,CAAC;IACtD,MAAM,cAAc,GAAG,CAAC,CAAC,cAAc,CAAC;IACxC,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAEH,eAAe,EAAC,iBAAiB,EACjC,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE,CAAC,aAEN,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,YAC7E,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,YACxC,KAAC,KAAK,IAEJ,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,GAAG,EAAE,MAAM,EACf,IAAI,EAAE,GAAG,EAAE,MAAM,EACjB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC/C,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,CAAC,IAPA,KAAK,CAQV,GACI,GACC,EACX,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,YAAG,QAAQ,GAAY,EAC3C,KAAC,QAAQ,IAAC,WAAW,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,YAC7F,KAAC,YAAY,IACX,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,EAC1B,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACO,KA/BN,GAAG,EAAE,MAAM,CAgCX,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { Alert as ChakraAlert } from '@chakra-ui/react';
|
|
4
4
|
import { CloseButton } from './close-button.js';
|
|
5
|
-
export const Alert = forwardRef(
|
|
5
|
+
export const Alert = forwardRef((props, ref) => {
|
|
6
6
|
const { title, children, closable, onClose, startElement, endElement, ...rest } = props;
|
|
7
7
|
return (_jsxs(ChakraAlert.Root, { ref: ref, ...rest, children: [startElement || _jsx(ChakraAlert.Indicator, {}), children ? (_jsxs(ChakraAlert.Content, { children: [_jsx(ChakraAlert.Title, { children: title }), _jsx(ChakraAlert.Description, { children: children })] })) : (_jsx(ChakraAlert.Title, { flex: '1', children: title })), endElement, closable && (_jsx(CloseButton, { size: 'sm', pos: 'relative', top: '-2', insetEnd: '-2', alignSelf: 'flex-start', onClick: onClose }))] }));
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsB7C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aACjC,YAAY,IAAI,KAAC,WAAW,CAAC,SAAS,KAAG,EACzC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,WAAW,CAAC,OAAO,eAClB,KAAC,WAAW,CAAC,KAAK,cAAE,KAAK,GAAqB,EAC9C,KAAC,WAAW,CAAC,WAAW,cAAE,QAAQ,GAA2B,IACzC,CACvB,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG,YAAE,KAAK,GAAqB,CACxD,EACA,UAAU,EACV,QAAQ,IAAI,CACX,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,GAAI,CACzG,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode, Ref } from 'react';
|
|
1
|
+
import type { InputHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
2
|
import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
|
|
3
3
|
export interface CheckboxProps extends ChakraCheckbox.RootProps {
|
|
4
4
|
icon?: ReactNode;
|
|
@@ -10,7 +10,7 @@ import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
|
|
|
10
10
|
* @param {Ref<HTMLLabelElement>} [props.rootRef] - Ref for the root element of the checkbox.
|
|
11
11
|
* @returns {JSX.Element} The rendered checkbox component.
|
|
12
12
|
*/
|
|
13
|
-
export const Checkbox = forwardRef(
|
|
13
|
+
export const Checkbox = forwardRef((props, ref) => {
|
|
14
14
|
const { icon, children, inputProps, rootRef, ...rest } = props;
|
|
15
15
|
return (_jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [_jsx(ChakraCheckbox.HiddenInput, { ref: ref, ...inputProps }), _jsx(ChakraCheckbox.Control, { children: icon || _jsx(ChakraCheckbox.Indicator, {}) }), children != null && _jsx(ChakraCheckbox.Label, { children: children })] }));
|
|
16
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQ9D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,OAAO,CACL,MAAC,cAAc,CAAC,IAAI,IAAC,GAAG,EAAE,OAAO,KAAM,IAAI,aACzC,KAAC,cAAc,CAAC,WAAW,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,EACxD,KAAC,cAAc,CAAC,OAAO,cAAE,IAAI,IAAI,KAAC,cAAc,CAAC,SAAS,KAAG,GAA0B,EACtF,QAAQ,IAAI,IAAI,IAAI,KAAC,cAAc,CAAC,KAAK,cAAE,QAAQ,GAAwB,IACxD,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { LuX } from 'react-icons/lu';
|
|
|
9
9
|
* @param {ReactNode} [props.children] - The content to display inside the button.
|
|
10
10
|
* @returns {JSX.Element} The rendered close button component.
|
|
11
11
|
*/
|
|
12
|
-
export const CloseButton = forwardRef(
|
|
12
|
+
export const CloseButton = forwardRef((props, ref) => {
|
|
13
13
|
var _a;
|
|
14
14
|
return (_jsx(ChakraIconButton, { variant: 'ghost', "aria-label": 'Close', ref: ref, ...props, children: (_a = props.children) !== null && _a !== void 0 ? _a : _jsx(LuX, {}) }));
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"close-button.js","sourceRoot":"","sources":["../../../src/components/ui/close-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,
|
|
1
|
+
{"version":3,"file":"close-button.js","sourceRoot":"","sources":["../../../src/components/ui/close-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAAC,OAAA,CACzF,KAAC,gBAAgB,IAAC,OAAO,EAAC,OAAO,gBAAY,OAAO,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACrE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAC,GAAG,KAAG,GACT,CACpB,CAAA;CAAA,CAAC,CAAC"}
|
|
@@ -12,7 +12,7 @@ import { Field as ChakraField } from '@chakra-ui/react';
|
|
|
12
12
|
* @param {ReactNode} [props.optionalText] - Text to indicate that the field is optional.
|
|
13
13
|
* @returns {JSX.Element} The rendered field component.
|
|
14
14
|
*/
|
|
15
|
-
export const Field = forwardRef(
|
|
15
|
+
export const Field = forwardRef((props, ref) => {
|
|
16
16
|
const { label, children, helperText, errorText, optionalText, ...rest } = props;
|
|
17
17
|
return (_jsxs(ChakraField.Root, { ref: ref, ...rest, children: [label && (_jsxs(ChakraField.Label, { children: [label, _jsx(ChakraField.RequiredIndicator, { fallback: optionalText })] })), children, helperText && _jsx(ChakraField.HelperText, { children: helperText }), errorText && _jsx(ChakraField.ErrorText, { children: errorText })] }));
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AASxD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAChF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aACjC,KAAK,IAAI,CACR,MAAC,WAAW,CAAC,KAAK,eACf,KAAK,EACN,KAAC,WAAW,CAAC,iBAAiB,IAAC,QAAQ,EAAE,YAAY,GAAI,IACvC,CACrB,EACA,QAAQ,EACR,UAAU,IAAI,KAAC,WAAW,CAAC,UAAU,cAAE,UAAU,GAA0B,EAC3E,SAAS,IAAI,KAAC,WAAW,CAAC,SAAS,cAAE,SAAS,GAAyB,IACvD,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { NumberInput as ChakraNumberInput } from '@chakra-ui/react';
|
|
|
8
8
|
* @param {ReactNode} [props.children] - The content to display inside the number input.
|
|
9
9
|
* @returns {JSX.Element} The rendered number input component.
|
|
10
10
|
*/
|
|
11
|
-
export const NumberInputRoot = forwardRef(
|
|
11
|
+
export const NumberInputRoot = forwardRef((props, ref) => {
|
|
12
12
|
const inputRef = useRef(null);
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
if (inputRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../src/components/ui/number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIpE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAmC,
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../src/components/ui/number-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIpE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,KAAK,KAAK,aAC3D,MAAC,iBAAiB,CAAC,OAAO,eACxB,KAAC,iBAAiB,CAAC,gBAAgB,KAAG,EACtC,KAAC,iBAAiB,CAAC,gBAAgB,KAAG,IACZ,EAC5B,KAAC,iBAAiB,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,GAAI,IACnB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputHTMLAttributes, Ref } from 'react';
|
|
1
|
+
import type { InputHTMLAttributes, Ref } from 'react';
|
|
2
2
|
import { RadioGroup as ChakraRadioGroup } from '@chakra-ui/react';
|
|
3
3
|
export interface RadioProps extends ChakraRadioGroup.ItemProps {
|
|
4
4
|
rootRef?: Ref<HTMLDivElement>;
|
|
@@ -9,7 +9,7 @@ import { RadioGroup as ChakraRadioGroup } from '@chakra-ui/react';
|
|
|
9
9
|
* @param {Ref<HTMLDivElement>} [props.rootRef] - Ref for the root element of the radio.
|
|
10
10
|
* @returns {JSX.Element} The rendered radio component.
|
|
11
11
|
*/
|
|
12
|
-
export const Radio = forwardRef(
|
|
12
|
+
export const Radio = forwardRef((props, ref) => {
|
|
13
13
|
const { children, inputProps, rootRef, ...rest } = props;
|
|
14
14
|
return (_jsxs(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [_jsx(ChakraRadioGroup.ItemHiddenInput, { ref: ref, ...inputProps }), _jsx(ChakraRadioGroup.ItemIndicator, {}), children && _jsx(ChakraRadioGroup.ItemText, { children: children })] }));
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/ui/radio.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/ui/radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOlE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,IAAC,GAAG,EAAE,OAAO,KAAM,IAAI,aAC3C,KAAC,gBAAgB,CAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,EAC9D,KAAC,gBAAgB,CAAC,aAAa,KAAG,EACjC,QAAQ,IAAI,KAAC,gBAAgB,CAAC,QAAQ,cAAE,QAAQ,GAA6B,IACxD,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC"}
|
|
@@ -2,6 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { Select as ChakraSelect, Portal } from '@chakra-ui/react';
|
|
4
4
|
import { CloseButton } from './close-button.js';
|
|
5
|
+
/**
|
|
6
|
+
* SelectClearTrigger component that renders a clear button for the select component.
|
|
7
|
+
*
|
|
8
|
+
* @param props - The properties for the clear trigger component.
|
|
9
|
+
* @returns - The rendered select clear trigger component.
|
|
10
|
+
*/
|
|
11
|
+
const SelectClearTrigger = forwardRef((props, ref) => (_jsx(ChakraSelect.ClearTrigger, { asChild: true, ...props, ref: ref, children: _jsx(CloseButton, { size: 'xs', variant: 'plain', focusVisibleRing: 'inside', focusRingWidth: '2px', pointerEvents: 'auto' }) })));
|
|
5
12
|
/**
|
|
6
13
|
* SelectTrigger component that renders a trigger for the select component.
|
|
7
14
|
*
|
|
@@ -10,19 +17,10 @@ import { CloseButton } from './close-button.js';
|
|
|
10
17
|
* @param {ReactNode} [props.children] - The content to display inside the trigger.
|
|
11
18
|
* @returns {JSX.Element} The rendered select trigger component.
|
|
12
19
|
*/
|
|
13
|
-
export const SelectTrigger = forwardRef(
|
|
20
|
+
export const SelectTrigger = forwardRef((props, ref) => {
|
|
14
21
|
const { children, clearable, ...rest } = props;
|
|
15
22
|
return (_jsxs(ChakraSelect.Control, { ...rest, children: [_jsx(ChakraSelect.Trigger, { ref: ref, children: children }), _jsxs(ChakraSelect.IndicatorGroup, { children: [clearable && _jsx(SelectClearTrigger, {}), _jsx(ChakraSelect.Indicator, {})] })] }));
|
|
16
23
|
});
|
|
17
|
-
/**
|
|
18
|
-
* SelectClearTrigger component that renders a clear button for the select component.
|
|
19
|
-
*
|
|
20
|
-
* @param {ChakraSelect.ClearTriggerProps} props - The properties for the clear trigger component.
|
|
21
|
-
* @returns {JSX.Element} The rendered select clear trigger component.
|
|
22
|
-
*/
|
|
23
|
-
const SelectClearTrigger = forwardRef(function SelectClearTrigger(props, ref) {
|
|
24
|
-
return (_jsx(ChakraSelect.ClearTrigger, { asChild: true, ...props, ref: ref, children: _jsx(CloseButton, { size: 'xs', variant: 'plain', focusVisibleRing: 'inside', focusRingWidth: '2px', pointerEvents: 'auto' }) }));
|
|
25
|
-
});
|
|
26
24
|
/**
|
|
27
25
|
* SelectContent component that renders the content of the select component.
|
|
28
26
|
*
|
|
@@ -31,7 +29,7 @@ const SelectClearTrigger = forwardRef(function SelectClearTrigger(props, ref) {
|
|
|
31
29
|
* @param {RefObject<HTMLElement>} [props.portalRef] - The ref for the portal container.
|
|
32
30
|
* @returns {JSX.Element} The rendered select content component.
|
|
33
31
|
*/
|
|
34
|
-
export const SelectContent = forwardRef(
|
|
32
|
+
export const SelectContent = forwardRef((props, ref) => {
|
|
35
33
|
const { portalled = true, portalRef, ...rest } = props;
|
|
36
34
|
return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ChakraSelect.Positioner, { children: _jsx(ChakraSelect.Content, { ...rest, ref: ref }) }) }));
|
|
37
35
|
});
|
|
@@ -43,7 +41,7 @@ export const SelectContent = forwardRef(function SelectContent(props, ref) {
|
|
|
43
41
|
* @param {ReactNode} [props.children] - The content to display inside the item.
|
|
44
42
|
* @returns {JSX.Element} The rendered select item component.
|
|
45
43
|
*/
|
|
46
|
-
export const SelectItem = forwardRef(
|
|
44
|
+
export const SelectItem = forwardRef((props, ref) => {
|
|
47
45
|
const { item, children, ...rest } = props;
|
|
48
46
|
return (_jsxs(ChakraSelect.Item, { item: item, ...rest, ref: ref, children: [children, _jsx(ChakraSelect.ItemIndicator, {})] }, item.value));
|
|
49
47
|
});
|
|
@@ -55,7 +53,7 @@ export const SelectItem = forwardRef(function SelectItem(props, ref) {
|
|
|
55
53
|
* @param {ReactNode} [props.placeholder] - The placeholder text to display when no items are selected.
|
|
56
54
|
* @returns {JSX.Element} The rendered select value text component.
|
|
57
55
|
*/
|
|
58
|
-
export const SelectValueText = forwardRef(
|
|
56
|
+
export const SelectValueText = forwardRef((props, ref) => {
|
|
59
57
|
const { children, ...rest } = props;
|
|
60
58
|
return (_jsx(ChakraSelect.ValueText, { ...rest, ref: ref, children: _jsx(ChakraSelect.Context, { children: (select) => {
|
|
61
59
|
const items = select.selectedItems;
|
|
@@ -79,9 +77,7 @@ export const SelectValueText = forwardRef(function SelectValueText(props, ref) {
|
|
|
79
77
|
* @param {ReactNode} [props.children] - The content to display inside the select root.
|
|
80
78
|
* @returns {JSX.Element} The rendered select root component.
|
|
81
79
|
*/
|
|
82
|
-
export const SelectRoot = forwardRef(
|
|
83
|
-
return (_jsx(ChakraSelect.Root, { ...props, ref: ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? (props.children) : (_jsxs(_Fragment, { children: [_jsx(ChakraSelect.HiddenSelect, {}), props.children] })) }));
|
|
84
|
-
});
|
|
80
|
+
export const SelectRoot = forwardRef((props, ref) => (_jsx(ChakraSelect.Root, { ...props, ref: ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? (props.children) : (_jsxs(_Fragment, { children: [_jsx(ChakraSelect.HiddenSelect, {}), props.children] })) })));
|
|
85
81
|
/**
|
|
86
82
|
* SelectItemGroup component that groups select items together.
|
|
87
83
|
*
|
|
@@ -90,7 +86,7 @@ export const SelectRoot = forwardRef(function SelectRoot(props, ref) {
|
|
|
90
86
|
* @param {ReactNode} [props.children] - The content to display inside the item group.
|
|
91
87
|
* @returns {JSX.Element} The rendered select item group component.
|
|
92
88
|
*/
|
|
93
|
-
export const SelectItemGroup = forwardRef(
|
|
89
|
+
export const SelectItemGroup = forwardRef((props, ref) => {
|
|
94
90
|
const { children, label, ...rest } = props;
|
|
95
91
|
return (_jsxs(ChakraSelect.ItemGroup, { ...rest, ref: ref, children: [_jsx(ChakraSelect.ItemGroupLabel, { children: label }), children] }));
|
|
96
92
|
});
|