react-science 19.7.1 → 19.9.0

package/lib/components/form/components/field_groups/svg_line_style.d.ts

@@ -19,6 +19,7 @@ export declare const FieldGroupSVGLineStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;
@@ -30,6 +31,7 @@ export declare const FieldGroupSVGLineStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;

package/lib/components/form/components/field_groups/svg_line_style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg_line_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_line_style.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqCvC,CAAC"}
+{"version":3,"file":"svg_line_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_line_style.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqCvC,CAAC"}

package/lib/components/form/components/field_groups/svg_text_style.d.ts

@@ -20,6 +20,7 @@ export declare const FieldGroupSVGTextStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;
@@ -31,6 +32,7 @@ export declare const FieldGroupSVGTextStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;

package/lib/components/form/components/field_groups/svg_text_style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4DvC,CAAC"}
+{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4DvC,CAAC"}

package/lib/components/form/components/input/index.d.ts

@@ -0,0 +1,10 @@
+export { type Checkbox as _Checkbox } from './checkbox.js';
+export { type ColorPicker as _ColorPicker } from './color_picker.js';
+export { type Input as _Input } from './input.js';
+export { type NumericInput as _NumericInput } from './numeric_input.js';
+export { type RadioGroup as _RadioGroup } from './radio_group.js';
+export { type ResetButton as _ResetButton } from './reset_button.js';
+export { type Select as _Select } from './select.js';
+export { type SubmitButton as _SubmitButton } from './submit_button.js';
+export { type Switch as _Switch } from './switch.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/form/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,KAAK,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,UAAU,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/form/components/input/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/components/form/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.ts"],"names":[],"mappings":""}

package/lib/components/form/components/input/radio_group.d.ts

@@ -0,0 +1,13 @@
+import type { RadioGroupProps as BPRadioGroupProps } from '@blueprintjs/core';
+import type { FormGroupInputProps } from '../input_groups/index.ts';
+interface RadioGroupProps extends Omit<FormGroupInputProps, 'placeholder'>, Omit<BPRadioGroupProps, keyof FormGroupInputProps | 'onChange' | 'id' | 'name' | 'onBlur' | 'selectedValue'> {
+}
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=radio_group.d.ts.map

package/lib/components/form/components/input/radio_group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/radio_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAM9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,UAAU,eACR,SACE,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,EACxC,IAAI,CACF,iBAAiB,EACf,MAAM,mBAAmB,GACzB,UAAU,GACV,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,eAAe,CAClB;CAAG;AAER;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyChD"}

package/lib/components/form/components/input/radio_group.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroup as BPRadioGroup } from '@blueprintjs/core';
+import { useFieldContext } from "../../context/use_ts_form.js";
+import { useFormContext } from "../input_groups/form_context.js";
+import { FormGroup } from "../input_groups/index.js";
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export function RadioGroup(props) {
+    const { label, required, helpText, layout, fullWidth, ...radioGroupProps } = props;
+    const { layout: formLayout } = useFormContext();
+    const finalLayout = layout ?? formLayout;
+    const overridableRadioGroupProps = finalLayout === 'inline' ? { inline: true } : {};
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    function onChange(event) {
+        return field.handleChange(event.currentTarget.value);
+    }
+    return (_jsx(FormGroup, { name: field.name, label: label, intent: error ? 'danger' : 'none', required: required, error: error, helpText: helpText, layout: layout, fullWidth: fullWidth, children: _jsx(BPRadioGroup, { ...overridableRadioGroupProps, ...radioGroupProps, id: field.name, name: field.name, onBlur: field.handleBlur, selectedValue: field.state.value, onChange: onChange }) }));
+}
+//# sourceMappingURL=radio_group.js.map

package/lib/components/form/components/input/radio_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/radio_group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAerD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,GACxE,KAAK,CAAC;IAER,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,IAAI,UAAU,CAAC;IACzC,MAAM,0BAA0B,GAC9B,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnD,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAkC;QAClD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,YAEpB,KAAC,YAAY,OACP,0BAA0B,KAC1B,eAAe,EACnB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAChC,QAAQ,EAAE,QAAQ,GAClB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/layout/index.d.ts

@@ -0,0 +1,2 @@
+export { type Section as _Section } from './Section.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/form/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/form/components/layout/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/components/form/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.ts"],"names":[],"mappings":""}

package/lib/components/form/context/use_ts_form.d.ts

@@ -2,6 +2,7 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from '../components/input/color_picker.tsx';
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
@@ -15,6 +16,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;
@@ -27,6 +29,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -39,6 +42,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;
@@ -51,6 +55,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -62,6 +67,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -76,6 +82,7 @@ export declare const useForm: <TFormData, TOnMount extends import("@tanstack/rea
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;

package/lib/components/form/context/use_ts_form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_ts_form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,QAAA,MAAQ,cAAc,2IAAE,eAAe,8KACb,CAAC;AAE3B,QAAA,MAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;KAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAgB1C,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;EAAa,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"use_ts_form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,QAAA,MAAQ,cAAc,2IAAE,eAAe,8KACb,CAAC;AAS3B,QAAA,MAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;KAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAiB1C,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;EAAa,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/form/context/use_ts_form.js

@@ -3,12 +3,20 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from "../components/input/color_picker.js";
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
 import { Switch } from '../components/input/switch.js';
 import { Section } from '../components/layout/Section.js';
 const { useFormContext, useFieldContext, formContext, fieldContext } = createFormHookContexts();
+/*
+ * formComponents and fieldComponents components MUST have their types
+ * exported from the `../components/input/index.ts`
+ * or `../components/layout/index.ts` file.
+ *
+ * It is necessary for `withForm` usage.
+ */
 const { useAppForm, withForm, withFieldGroup } = createFormHook({
     fieldContext,
     formContext,
@@ -24,6 +32,7 @@ const { useAppForm, withForm, withFieldGroup } = createFormHook({
         Select,
         Switch,
         ColorPicker,
+        RadioGroup,
     },
 });
 export const useForm = useAppForm;

package/lib/components/form/context/use_ts_form.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_ts_form.js","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,sBAAsB,EAAE,CAAC;AAE3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC;IAC9D,YAAY;IACZ,WAAW;IACX,cAAc,EAAE;QACd,YAAY;QACZ,WAAW;QACX,OAAO;KACR;IACD,eAAe,EAAE;QACf,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,MAAM;QACN,WAAW;KACZ;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"use_ts_form.js","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,sBAAsB,EAAE,CAAC;AAE3B;;;;;;GAMG;AACH,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC;IAC9D,YAAY;IACZ,WAAW;IACX,cAAc,EAAE;QACd,YAAY;QACZ,WAAW;QACX,OAAO;KACR;IACD,eAAe,EAAE;QACf,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,MAAM;QACN,WAAW;QACX,UAAU;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/index.d.ts

@@ -14,9 +14,11 @@ export * from './root-layout/index.js';
 export * from './split_pane/index.js';
 export * from './table/index.js';
 export * from './toolbar/index.js';
-export * from './form/context/use_ts_form.js';
 export * from './form/components/field_groups/index.js';
 export * from './form/components/input_groups/index.js';
+export * from './form/components/input/index.js';
+export * from './form/components/layout/index.js';
+export * from './form/context/use_ts_form.js';
 export * from './activity_bar/index.js';
 export * from './activity_panel/index.js';
 export * from './utils/index.js';

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}

package/lib/components/index.js

@@ -14,9 +14,11 @@ export * from './root-layout/index.js';
 export * from './split_pane/index.js';
 export * from './table/index.js';
 export * from './toolbar/index.js';
-export * from './form/context/use_ts_form.js';
 export * from './form/components/field_groups/index.js';
 export * from './form/components/input_groups/index.js';
+export * from './form/components/input/index.js';
+export * from './form/components/layout/index.js';
+export * from './form/context/use_ts_form.js';
 export * from './activity_bar/index.js';
 export * from './activity_panel/index.js';
 export * from './utils/index.js';

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "19.7.1",
+  "version": "19.9.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {

package/src/components/form/components/input/index.ts

@@ -0,0 +1,9 @@
+export { type Checkbox as _Checkbox } from './checkbox.js';
+export { type ColorPicker as _ColorPicker } from './color_picker.js';
+export { type Input as _Input } from './input.js';
+export { type NumericInput as _NumericInput } from './numeric_input.js';
+export { type RadioGroup as _RadioGroup } from './radio_group.js';
+export { type ResetButton as _ResetButton } from './reset_button.js';
+export { type Select as _Select } from './select.js';
+export { type SubmitButton as _SubmitButton } from './submit_button.js';
+export { type Switch as _Switch } from './switch.js';

package/src/components/form/components/input/radio_group.tsx

@@ -0,0 +1,70 @@
+import type { RadioGroupProps as BPRadioGroupProps } from '@blueprintjs/core';
+import { RadioGroup as BPRadioGroup } from '@blueprintjs/core';
+import type { FormEvent } from 'react';
+
+import { useFieldContext } from '../../context/use_ts_form.ts';
+import { useFormContext } from '../input_groups/form_context.ts';
+import type { FormGroupInputProps } from '../input_groups/index.ts';
+import { FormGroup } from '../input_groups/index.ts';
+
+interface RadioGroupProps
+  extends
+    Omit<FormGroupInputProps, 'placeholder'>,
+    Omit<
+      BPRadioGroupProps,
+      | keyof FormGroupInputProps
+      | 'onChange'
+      | 'id'
+      | 'name'
+      | 'onBlur'
+      | 'selectedValue'
+    > {}
+
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export function RadioGroup(props: RadioGroupProps) {
+  const { label, required, helpText, layout, fullWidth, ...radioGroupProps } =
+    props;
+
+  const { layout: formLayout } = useFormContext();
+  const finalLayout = layout ?? formLayout;
+  const overridableRadioGroupProps: Pick<BPRadioGroupProps, 'inline'> =
+    finalLayout === 'inline' ? { inline: true } : {};
+
+  const field = useFieldContext<string>();
+  const error = field
+    .getMeta()
+    .errors.map((e) => e.message)
+    .at(0);
+
+  function onChange(event: FormEvent<HTMLInputElement>) {
+    return field.handleChange(event.currentTarget.value);
+  }
+
+  return (
+    <FormGroup
+      name={field.name}
+      label={label}
+      intent={error ? 'danger' : 'none'}
+      required={required}
+      error={error}
+      helpText={helpText}
+      layout={layout}
+      fullWidth={fullWidth}
+    >
+      <BPRadioGroup
+        {...overridableRadioGroupProps}
+        {...radioGroupProps}
+        id={field.name}
+        name={field.name}
+        onBlur={field.handleBlur}
+        selectedValue={field.state.value}
+        onChange={onChange}
+      />
+    </FormGroup>
+  );
+}

package/src/components/form/components/layout/index.ts

@@ -0,0 +1 @@
+export { type Section as _Section } from './Section.js';

package/src/components/form/context/use_ts_form.ts

@@ -4,6 +4,7 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from '../components/input/color_picker.tsx';
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
@@ -13,6 +14,13 @@ import { Section } from '../components/layout/Section.js';
 const { useFormContext, useFieldContext, formContext, fieldContext } =
   createFormHookContexts();
 
+/*
+ * formComponents and fieldComponents components MUST have their types
+ * exported from the `../components/input/index.ts`
+ * or `../components/layout/index.ts` file.
+ *
+ * It is necessary for `withForm` usage.
+ */
 const { useAppForm, withForm, withFieldGroup } = createFormHook({
   fieldContext,
   formContext,
@@ -28,6 +36,7 @@ const { useAppForm, withForm, withFieldGroup } = createFormHook({
     Select,
     Switch,
     ColorPicker,
+    RadioGroup,
   },
 });
 

package/src/components/index.ts

@@ -14,9 +14,11 @@ export * from './root-layout/index.js';
 export * from './split_pane/index.js';
 export * from './table/index.js';
 export * from './toolbar/index.js';
-export * from './form/context/use_ts_form.js';
 export * from './form/components/field_groups/index.js';
 export * from './form/components/input_groups/index.js';
+export * from './form/components/input/index.js';
+export * from './form/components/layout/index.js';
+export * from './form/context/use_ts_form.js';
 export * from './activity_bar/index.js';
 export * from './activity_panel/index.js';
 export * from './utils/index.js';