@homebound/beam 2.378.1 → 2.379.0

package/dist/forms/BoundCheckboxGroupField.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundCheckboxGroupField = BoundCheckboxGroupField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `CheckboxGroup` and binds it to a form field.
- * To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
-function BoundCheckboxGroupField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.CheckboxGroup, { label: label, values: field.value || [], onChange: (values) => {
-                onChange(values);
-                field.maybeAutoSave();
-            }, errorMsg: field.touched ? field.errors.join(" ") : undefined, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, ...testId, ...others })) }));
-}

package/dist/forms/BoundChipSelectField.d.ts

@@ -1,13 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { Value } from "../inputs";
-import { ChipSelectFieldProps } from "../inputs/ChipSelectField";
-import { HasIdAndName, Optional } from "../types";
-interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
-    onSelect?: (option: V | undefined) => void;
-    field: FieldState<V | null | undefined>;
-    label?: string;
-}
-export declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;
-export declare function BoundChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
-export {};
-//# sourceMappingURL=BoundChipSelectField.d.ts.map

package/dist/forms/BoundChipSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundChipSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundChipSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,kBAAmB;AACnC,OAAO,EAAmB,oBAAoB,EAAE,kCAAmC;AACnF,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAInD,UAAU,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CACpD,SAAQ,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;IAExE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AAC9G,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAC7E,KAAK,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GACpF,GAAG,CAAC,OAAO,CAAC"}

package/dist/forms/BoundChipSelectField.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundChipSelectField = BoundChipSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const ChipSelectField_1 = require("../inputs/ChipSelectField");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-function BoundChipSelectField(props) {
-    const { field, getOptionValue = (opt) => opt.id, // if unset, assume O implements HasId
-    getOptionLabel = (opt) => opt.name, // if unset, assume O implements HasName
-    onSelect = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, onCreateNew, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(ChipSelectField_1.ChipSelectField, { label: label, value: field.value ?? undefined, onSelect: (value) => {
-                onSelect(value);
-                field.maybeAutoSave();
-            }, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, onCreateNew: onCreateNew
-                ? async (v) => {
-                    await onCreateNew(v);
-                    field.maybeAutoSave();
-                }
-                : undefined, ...others, ...testId })) }));
-}

package/dist/forms/BoundDateField.d.ts

@@ -1,10 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { DateFieldProps } from "../inputs";
-export type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<Date | null | undefined>;
-    label?: string;
-    onChange?: (value: Date | undefined) => void;
-};
-/** Wraps `TextField` and binds it to a form field. */
-export declare function BoundDateField(props: BoundDateFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundDateField.d.ts.map

package/dist/forms/BoundDateField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundDateField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundDateField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAa,cAAc,EAAE,kBAAmB;AAIvD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IACvF,KAAK,EAAE,UAAU,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDA2CxD"}

package/dist/forms/BoundDateField.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundDateField = BoundDateField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `TextField` and binds it to a form field. */
-function BoundDateField(props) {
-    const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, onEnter, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.DateField, { label: label, value: field.value || undefined, onChange: (value) => {
-                onChange(value);
-                field.maybeAutoSave();
-            }, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, onEnter: () => {
-                (0, utils_1.maybeCall)(onEnter);
-                field.maybeAutoSave();
-            }, ...testId, ...others })) }));
-}

package/dist/forms/BoundDateRangeField.d.ts

@@ -1,11 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { DateRangeFieldProps } from "../inputs";
-import { DateRange } from "../types";
-export type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<DateRange | null | undefined>;
-    label?: string;
-    onChange?: (value: DateRange | undefined) => void;
-};
-/** Wraps `TextField` and binds it to a form field. */
-export declare function BoundDateRangeField(props: BoundDateRangeFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundDateRangeField.d.ts.map

package/dist/forms/BoundDateRangeField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundDateRangeField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundDateRangeField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAkB,mBAAmB,EAAE,kBAAmB;AACjE,OAAO,EAAE,SAAS,EAAE,iBAAkB;AAItC,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IACjG,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAEhD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,oDA2ClE"}

package/dist/forms/BoundDateRangeField.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundDateRangeField = BoundDateRangeField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `TextField` and binds it to a form field. */
-function BoundDateRangeField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, onEnter, readOnly, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.DateRangeField, { label: label, value: field.value || undefined, onChange: (value) => {
-                onChange(value);
-                field.maybeAutoSave();
-            }, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, onEnter: () => {
-                (0, utils_1.maybeCall)(onEnter);
-                field.maybeAutoSave();
-            }, readOnly: readOnly || field.readOnly, ...testId, ...others })) }));
-}

package/dist/forms/BoundIconCardField.d.ts

@@ -1,13 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { IconProps } from "../components";
-import { IconCardProps } from "../inputs";
-export type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onChange"> & {
-    field: FieldState<boolean | null | undefined>;
-    icon: IconProps["icon"];
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: boolean) => void;
-    label?: string;
-};
-/** Wraps `IconCard` and binds it to a form field. */
-export declare function BoundIconCardField(props: BoundIconCardFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundIconCardField.d.ts.map

package/dist/forms/BoundIconCardField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundIconCardField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundIconCardField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,sBAAuB;AAC3C,OAAO,EAAY,aAAa,EAAE,kBAAmB;AAIrD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC7F,KAAK,EAAE,UAAU,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,oDAsBhE"}

package/dist/forms/BoundIconCardField.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundIconCardField = BoundIconCardField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `IconCard` and binds it to a form field. */
-function BoundIconCardField(props) {
-    const { icon, field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.IconCard, { icon: icon, label: label, selected: field.value ?? false, onChange: (selected) => {
-                // We are triggering blur manually for checkbox fields due to its transactional nature
-                onChange(selected);
-                field.maybeAutoSave();
-            }, disabled: field.readOnly, ...testId, ...others })) }));
-}

package/dist/forms/BoundIconCardGroupField.d.ts

@@ -1,12 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { Value } from "../inputs";
-import { IconCardGroupProps } from "../inputs/IconCardGroup";
-export type BoundIconCardGroupFieldProps<V extends Value> = Omit<IconCardGroupProps<V>, "label" | "values" | "onChange"> & {
-    field: FieldState<V[] | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: V[]) => void;
-    label?: string;
-};
-/** Wraps `IconCardGroup` and binds it to a form field. */
-export declare function BoundIconCardGroupField<V extends Value>(props: BoundIconCardGroupFieldProps<V>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundIconCardGroupField.d.ts.map

package/dist/forms/BoundIconCardGroupField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundIconCardGroupField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundIconCardGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,kBAAmB;AACnC,OAAO,EAAiB,kBAAkB,EAAE,gCAAiC;AAI7E,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAC9D,kBAAkB,CAAC,CAAC,CAAC,EACrB,OAAO,GAAG,QAAQ,GAAG,UAAU,CAChC,GAAG;IACF,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC1C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,0DAA0D;AAC1D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,oDAqB9F"}

package/dist/forms/BoundIconCardGroupField.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundIconCardGroupField = BoundIconCardGroupField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const IconCardGroup_1 = require("../inputs/IconCardGroup");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `IconCardGroup` and binds it to a form field. */
-function BoundIconCardGroupField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(IconCardGroup_1.IconCardGroup, { label: label, values: field.value || [], onChange: (values) => {
-                // We are triggering blur manually for checkbox fields due to its transactional nature
-                onChange(values);
-                field.maybeAutoSave();
-            }, disabled: field.readOnly, ...testId, ...others })) }));
-}

package/dist/forms/BoundMultiLineSelectField.d.ts

@@ -1,14 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { MultiLineSelectFieldProps, Value } from "../inputs";
-import { HasIdAndName, Optional } from "../types";
-export type BoundMultiLineSelectFieldProps<O, V extends Value> = Omit<MultiLineSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `MultiLineSelectField` and binds it to a form field.
- */
-export declare function BoundMultiLineSelectField<O, V extends Value>(props: BoundMultiLineSelectFieldProps<O, V>): JSX.Element;
-export declare function BoundMultiLineSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-//# sourceMappingURL=BoundMultiLineSelectField.d.ts.map

package/dist/forms/BoundMultiLineSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundMultiLineSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundMultiLineSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAwB,yBAAyB,EAAE,KAAK,EAAE,kBAAmB;AACpF,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAKnD,MAAM,MAAM,8BAA8B,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,IAAI,CACnE,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC/B,QAAQ,GAAG,UAAU,GAAG,OAAO,CAChC,GAAG;IAEF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACxH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAClF,KAAK,EAAE,QAAQ,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GACzF,GAAG,CAAC,OAAO,CAAC"}

package/dist/forms/BoundMultiLineSelectField.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundMultiLineSelectField = BoundMultiLineSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-const useTestIds_1 = require("../utils/useTestIds");
-function BoundMultiLineSelectField(props) {
-    const { field, options, readOnly, getOptionValue = (opt) => opt.id, // if unset, assume O implements HasId
-    getOptionLabel = (opt) => opt.name, // if unset, assume O implements HasName
-    onSelect = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, ...others } = props;
-    const testId = (0, useTestIds_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.MultiLineSelectField, { label: label, values: field.value ?? [], onSelect: (values, options) => {
-                onSelect(values, options);
-                field.maybeAutoSave();
-            }, options: options, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, ...others, ...testId })) }));
-}

package/dist/forms/BoundMultiSelectField.d.ts

@@ -1,21 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { MultiSelectFieldProps, Value } from "../inputs";
-import { HasIdAndName, Optional } from "../types";
-export type BoundMultiSelectFieldProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `MultiSelectField` and binds it to a form field.
- *
- * To ease integration with "select this fooId" inputs, we can take a list
- * of objects, `T` (i.e. `TradePartner[]`), but accept a field of type `V`
- * (i.e. `string`).
- *
- * The caller has to tell us how to turn `T` into `V`, which is usually a
- * lambda like `t => t.id`.
- */
-export declare function BoundMultiSelectField<O, V extends Value>(props: BoundMultiSelectFieldProps<O, V>): JSX.Element;
-export declare function BoundMultiSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-//# sourceMappingURL=BoundMultiSelectField.d.ts.map

package/dist/forms/BoundMultiSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundMultiSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundMultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAoB,qBAAqB,EAAE,KAAK,EAAE,kBAAmB;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAKnD,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,IAAI,CAC/D,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC3B,QAAQ,GAAG,UAAU,GAAG,OAAO,CAChC,GAAG;IAEF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AAChH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAC9E,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GACrF,GAAG,CAAC,OAAO,CAAC"}

package/dist/forms/BoundMultiSelectField.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundMultiSelectField = BoundMultiSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-const useTestIds_1 = require("../utils/useTestIds");
-function BoundMultiSelectField(props) {
-    const { field, options, readOnly, getOptionValue = (opt) => opt.id, // if unset, assume O implements HasId
-    getOptionLabel = (opt) => opt.name, // if unset, assume O implements HasName
-    onSelect = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, ...others } = props;
-    const testId = (0, useTestIds_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.MultiSelectField, { label: label, values: field.value ?? [], onSelect: (values, options) => {
-                onSelect(values, options);
-                field.maybeAutoSave();
-            }, options: options, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, ...others, ...testId })) }));
-}

package/dist/forms/BoundNumberField.d.ts

@@ -1,10 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { NumberFieldProps } from "../inputs/NumberField";
-export type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "label"> & {
-    label?: string;
-    field: FieldState<number | null | undefined>;
-    onChange?: (value: number | undefined) => void;
-};
-/** Wraps `NumberField` and binds it to a form field. */
-export declare function BoundNumberField(props: BoundNumberFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundNumberField.d.ts.map

package/dist/forms/BoundNumberField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundNumberField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundNumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAe,gBAAgB,EAAE,8BAA+B;AAIvE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAE3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAE7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA0C5D"}

package/dist/forms/BoundNumberField.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundNumberField = BoundNumberField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const NumberField_1 = require("../inputs/NumberField");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `NumberField` and binds it to a form field. */
-function BoundNumberField(props) {
-    const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key.replace(/(InCents|InMills)$/, "")), type = field.key.endsWith("InCents") ? "cents" : field.key.endsWith("InMills") ? "mills" : undefined, onFocus, onBlur, onEnter, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, label || field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { label: label, value: typeof field.value === "number" ? field.value : undefined, onChange: onChange, type: type, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onEnter: () => {
-                (0, utils_1.maybeCall)(onEnter);
-                field.maybeAutoSave();
-            }, ...testId, ...others })) }));
-}

package/dist/forms/BoundRadioGroupField.d.ts

@@ -1,11 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { RadioGroupFieldProps } from "../inputs";
-export type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
-    field: FieldState<K | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (value: K) => void;
-    label?: string;
-};
-/** Wraps `TextField` and binds it to a form field. */
-export declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundRadioGroupField.d.ts.map

package/dist/forms/BoundRadioGroupField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundRadioGroupField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundRadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAmB,oBAAoB,EAAE,kBAAmB;AAInE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAC5D,oBAAoB,CAAC,CAAC,CAAC,EACvB,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B,GAAG;IACF,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACxC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,oDAmCzF"}

package/dist/forms/BoundRadioGroupField.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundRadioGroupField = BoundRadioGroupField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `TextField` and binds it to a form field. */
-function BoundRadioGroupField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.RadioGroupField, { label: label, value: field.value || undefined, onChange: (value) => {
-                onChange(value);
-                field.maybeAutoSave();
-            }, errorMsg: field.touched ? field.errors.join(" ") : undefined, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, ...testId, ...others })) }));
-}

package/dist/forms/BoundRichTextField.d.ts

@@ -1,9 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { RichTextFieldProps } from "../inputs/RichTextField";
-export type BoundRichTextFieldProps = Omit<RichTextFieldProps, "value" | "onChange"> & {
-    field: FieldState<string | null | undefined>;
-    onChange?: (value: string | undefined) => void;
-};
-/** Wraps `RichTextField` and binds it to a form field. */
-export declare function BoundRichTextField(props: BoundRichTextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundRichTextField.d.ts.map

package/dist/forms/BoundRichTextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundRichTextField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundRichTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAiB,kBAAkB,EAAE,gCAAiC;AAI7E,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACrF,KAAK,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAE7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,oDAmChE"}

package/dist/forms/BoundRichTextField.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundRichTextField = BoundRichTextField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const RichTextField_1 = require("../inputs/RichTextField");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `RichTextField` and binds it to a form field. */
-function BoundRichTextField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), readOnly, onFocus, onBlur, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(RichTextField_1.RichTextField, { label: label, value: field.value || undefined, onChange: onChange, 
-            // TODO: Potentially support this in the future?
-            // errorMsg={field.touched ? field.errors.join(" ") : undefined}
-            onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, readOnly: readOnly ?? field.readOnly, ...testId, ...others })) }));
-}

package/dist/forms/BoundSelectAndTextField.d.ts

@@ -1,18 +0,0 @@
-import { Only } from "../Css";
-import { BoundSelectFieldProps, BoundTextFieldProps } from "./index";
-import { Value } from "../inputs/Value";
-import { TextFieldXss } from "../interfaces";
-import { HasIdAndName, Optional } from "../types";
-interface BoundSelectAndTextFieldProps<O, V extends Value, X> {
-    selectFieldProps: CompoundSelectFieldProps<O, V>;
-    textFieldProps: CompoundTextFieldProps<X>;
-    compact?: boolean;
-}
-export declare function BoundSelectAndTextField<O, V extends Value, X extends Only<TextFieldXss, X>>(props: BoundSelectAndTextFieldProps<O, V, X>): JSX.Element;
-export declare function BoundSelectAndTextField<O extends HasIdAndName<V>, V extends Value, X extends Only<TextFieldXss, X>>(props: Omit<BoundSelectAndTextFieldProps<O, V, X>, "selectFieldProps"> & {
-    selectFieldProps: Optional<CompoundSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">;
-}): JSX.Element;
-type CompoundSelectFieldProps<O, V extends Value> = Omit<BoundSelectFieldProps<O, V>, "compact">;
-type CompoundTextFieldProps<X> = Omit<BoundTextFieldProps<X>, "compact">;
-export {};
-//# sourceMappingURL=BoundSelectAndTextField.d.ts.map

package/dist/forms/BoundSelectAndTextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundSelectAndTextField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundSelectAndTextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,eAAgB;AAC/B,OAAO,EAAoB,qBAAqB,EAAkB,mBAAmB,EAAE,gBAAwB;AAC/G,OAAO,EAAE,KAAK,EAAE,wBAAyB;AACzC,OAAO,EAAE,YAAY,EAAE,sBAAuB;AAC9C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAInD,UAAU,4BAA4B,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC;IAC1D,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjD,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EACzF,KAAK,EAAE,4BAA4B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC3C,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EACjH,KAAK,EAAE,IAAI,CAAC,4BAA4B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAAG;IACvE,gBAAgB,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;CACjG,GACA,GAAG,CAAC,OAAO,CAAC;AAyBf,KAAK,wBAAwB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACjG,KAAK,sBAAsB,CAAC,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC"}

package/dist/forms/BoundSelectAndTextField.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundSelectAndTextField = BoundSelectAndTextField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const CompoundField_1 = require("../components/internal/CompoundField");
-const index_1 = require("./index");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function BoundSelectAndTextField(props) {
-    const { selectFieldProps, textFieldProps, compact = true } = props;
-    const tid = (0, utils_1.useTestIds)(props);
-    return ((0, jsx_runtime_1.jsxs)(CompoundField_1.CompoundField, { children: [(0, jsx_runtime_1.jsx)(index_1.BoundSelectField, { ...tid[(0, defaultTestId_1.defaultTestId)(selectFieldProps.label ?? selectFieldProps.field.key)], ...selectFieldProps, sizeToContent: true, compact: compact }), (0, jsx_runtime_1.jsx)(index_1.BoundTextField, { ...tid[(0, defaultTestId_1.defaultTestId)(textFieldProps.label ?? textFieldProps.field.key)], ...textFieldProps, compact: compact })] }));
-}

package/dist/forms/BoundSelectField.d.ts

@@ -1,30 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { SelectFieldProps, Value } from "../inputs";
-import { HasIdIsh, HasNameIsh, Optional } from "../types";
-export type BoundSelectFieldProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
-    /** Optional, to allow `onSelect` to be overridden to do more than just `field.set`. */
-    onSelect?: (value: V | undefined, opt: O | undefined) => void;
-    /** The field we'll read/write data from. */
-    field: FieldState<V | null | undefined>;
-    /** An optional label, defaults to the humanized field key, i.e. `authorId` -> `Author`. */
-    label?: string;
-};
-/**
- * Wraps `SelectField` and binds it to a form field.
- *
- * To ease integration with GraphQL inputs that want to put `{ authorId: "a:1" }` on
- * the wire, we generally expect the FieldState type to be a string/tagged id, but the
- * `options` prop to be the full list of id+name options like `AuthorFragment[]`.
- *
- * If `AuthorFragment` type matches `HasIdIsh` and `HasNameIsh`, we'll automatically use
- * the `id` and `name` fields from it, otherwise callers need to provide `getOptionValue`
- * and `getOptionLabel` to adapt the option, i.e. `getOptionLabel={(author) => author.otherName}`.
- *
- * Note: there are four overloads here to handle each combination of "HasIdIsh and HasNameId",
- * "only has HasIdIsh", "only has HasNameIsh", and "neither".
- */
-export declare function BoundSelectField<T extends HasIdIsh<V> & HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-export declare function BoundSelectField<T extends HasIdIsh<V>, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionValue">): JSX.Element;
-export declare function BoundSelectField<T extends HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel">): JSX.Element;
-export declare function BoundSelectField<T, V extends Value>(props: BoundSelectFieldProps<T, V>): JSX.Element;
-//# sourceMappingURL=BoundSelectField.d.ts.map

package/dist/forms/BoundSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAe,gBAAgB,EAAE,KAAK,EAAE,kBAAmB;AAClE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAkB;AAM3D,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACrH,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,4CAA4C;IAC5C,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACxC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,EAAE,CAAC,SAAS,KAAK,EAClF,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GAChF,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EACrE,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAC7D,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,KAAK,EACpE,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAC7D,GAAG,CAAC,OAAO,CAAC;AACf,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}

package/dist/forms/BoundSelectField.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundSelectField = BoundSelectField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-const options_1 = require("../utils/options");
-const useTestIds_1 = require("../utils/useTestIds");
-function BoundSelectField(props) {
-    const { field, options, readOnly, getOptionValue = options_1.defaultOptionValue, getOptionLabel = options_1.defaultOptionLabel, onSelect = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onBlur, onFocus, ...others } = props;
-    const testId = (0, useTestIds_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.SelectField, { label: label, value: field.value ?? undefined, onSelect: (value, opt) => {
-                onSelect(value, opt);
-                field.maybeAutoSave();
-            }, options: options, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, getOptionLabel: getOptionLabel, getOptionValue: getOptionValue, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, ...others, ...testId })) }));
-}

package/dist/forms/BoundSwitchField.d.ts

@@ -1,11 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { SwitchProps } from "../inputs";
-export type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<boolean | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (value: boolean) => void;
-    label?: string;
-};
-/** Wraps `Switch` and binds it to a form field. */
-export declare function BoundSwitchField(props: BoundSwitchFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundSwitchField.d.ts.map

package/dist/forms/BoundSwitchField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundSwitchField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundSwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAU,WAAW,EAAE,kBAAmB;AAIjD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACzF,KAAK,EAAE,UAAU,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA4B5D"}

package/dist/forms/BoundSwitchField.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundSwitchField = BoundSwitchField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `Switch` and binds it to a form field. */
-function BoundSwitchField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), labelStyle = "form", disabled, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.Switch, { label: label, labelStyle: labelStyle, selected: field.value ?? false, onChange: (selected) => {
-                onChange(selected);
-                field.maybeAutoSave();
-            }, disabled: disabled || field.readOnly, ...testId, ...others })) }));
-}