@homebound/beam 2.378.1 → 2.379.1

package/dist/forms/BoundTextAreaField.d.ts

@@ -1,12 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { Only } from "../Css";
-import { TextAreaFieldProps } from "../inputs";
-import { TextFieldXss } from "../interfaces";
-export type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
-    label?: string;
-    field: FieldState<string | null | undefined>;
-    onChange?: (value: string | undefined) => void;
-};
-/** Wraps `TextAreaField` and binds it to a form field. */
-export declare function BoundTextAreaField<X extends Only<TextFieldXss, X>>(props: BoundTextAreaFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundTextAreaField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoundTextAreaField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundTextAreaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,eAAgB;AAC/B,OAAO,EAAiB,kBAAkB,EAAE,kBAAmB;AAC/D,OAAO,EAAE,YAAY,EAAE,sBAAuB;AAI9C,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAErG,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,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,oDAwCpG"}

package/dist/forms/BoundTextAreaField.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundTextAreaField = BoundTextAreaField;
-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 `TextAreaField` and binds it to a form field. */
-function BoundTextAreaField(props) {
-    const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onFocus, onBlur, 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.TextAreaField, { label: label, value: field.value || undefined, onChange: onChange, 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/BoundTextField.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoundTextField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,eAAgB;AAC/B,OAAO,EAAa,cAAc,EAAE,kBAAmB;AACvD,OAAO,EAAE,YAAY,EAAE,sBAAuB;AAI9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAE7F,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,sDAAsD;AACtD,wBAAgB,cAAc,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,oDAwC5F"}

package/dist/forms/BoundTextField.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundTextField = BoundTextField;
-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 BoundTextField(props) {
-    const { field, readOnly, onBlur, onFocus, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), 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.TextField, { label: label, value: field.value || undefined, onChange: onChange, readOnly: readOnly ?? field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => {
-                (0, utils_1.maybeCall)(onBlur);
-                field.blur();
-            }, onFocus: () => {
-                (0, utils_1.maybeCall)(onFocus);
-                field.focus();
-            }, onEnter: () => {
-                (0, utils_1.maybeCall)(onEnter);
-                field.maybeAutoSave();
-            }, ...testId, ...others })) }));
-}

package/dist/forms/BoundToggleChipGroupField.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoundToggleChipGroupField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundToggleChipGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAmB,oBAAoB,EAAE,kBAAmB;AAInE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACzG,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC/C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,oDAQ9E"}

package/dist/forms/BoundToggleChipGroupField.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundToggleChipGroupField = BoundToggleChipGroupField;
-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 `ToggleChipGroup` and binds it to a form field. */
-function BoundToggleChipGroupField(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)(inputs_1.ToggleChipGroup, { label: label, values: field.value || [], onChange: onChange, ...testId, ...others }) }));
-}

package/dist/forms/BoundTreeSelectField.d.ts

@@ -1,22 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { TreeSelectFieldProps, Value } from "../inputs";
-import { TreeSelectResponse } from "../inputs/TreeSelectField/utils";
-import { HasIdAndName, Optional } from "../types";
-export type BoundTreeSelectFieldProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (options: TreeSelectResponse<O, V>) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `TreeSelectField` 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 BoundTreeSelectField<T, V extends Value>(props: BoundTreeSelectFieldProps<T, V>): JSX.Element;
-export declare function BoundTreeSelectField<T extends HasIdAndName<V>, V extends Value>(props: Optional<BoundTreeSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-//# sourceMappingURL=BoundTreeSelectField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoundTreeSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundTreeSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAmB,oBAAoB,EAAE,KAAK,EAAE,kBAAmB;AAC1E,OAAO,EAAE,kBAAkB,EAAE,wCAAyC;AACtE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAKnD,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,IAAI,CAC9D,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1B,QAAQ,GAAG,UAAU,GAAG,OAAO,CAChC,GAAG;IAEF,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;IACvD,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,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/BoundTreeSelectField.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundTreeSelectField = BoundTreeSelectField;
-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 BoundTreeSelectField(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 = (options) => field.set(options.all.values), 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.TreeSelectField, { label: label, values: field.value ?? undefined, onSelect: (options) => {
-                onSelect(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/FormHeading.d.ts

@@ -1,11 +0,0 @@
-import { Margin, Xss } from "../Css";
-export interface FormHeadingProps {
-    title: string;
-    xss?: Xss<Margin>;
-    isFirst?: boolean;
-}
-export declare function FormHeading(props: FormHeadingProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare namespace FormHeading {
-    var isFormHeading: boolean;
-}
-//# sourceMappingURL=FormHeading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormHeading.d.ts","sourceRoot":"","sources":["../../src/forms/FormHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAE,GAAG,EAAE,eAAgB;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAElB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAelD;yBAfe,WAAW"}

package/dist/forms/FormHeading.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormHeading = FormHeading;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Css_1 = require("../Css");
-function FormHeading(props) {
-    const { title, xss, isFirst = false, ...others } = props;
-    return ((0, jsx_runtime_1.jsx)("h3", { css: {
-            ...Css_1.Css.baseMd.$,
-            // Add space before the heading, but only if it's not first.
-            ...(!isFirst && Css_1.Css.mt4.$),
-            ...xss,
-        }, ...others, children: title }));
-}
-// https://github.com/gaearon/react-hot-loader/issues/304#issuecomment-456569720
-FormHeading.isFormHeading = true;

package/dist/forms/FormLines.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-export type FormWidth = 
-/** 320px. */
-"sm"
-/** 480px, works well in a small, single-stack form. */
- | "md"
-/** 550px, works well for showing side-by-side/double-stack fields. */
- | "lg"
-/** 100%, works well for showing full width fields, or deferring to the parent width. */
- | "full";
-export interface FormLinesProps extends Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact"> {
-    /** Let the user interleave group-less lines and grouped lines. */
-    children: ReactNode;
-    width?: FormWidth;
-    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
-    gap?: number;
-}
-/**
- * Applies standard Form layout/size/spacing between lines.
- *
- * Lines can either be individual form fields, or a group of form fields
- * (see the `FieldGroup` component), where they will be laid out side-by-side.
- */
-export declare function FormLines(props: FormLinesProps): import("@emotion/react/jsx-runtime").JSX.Element;
-/** Draws a line between form lines. */
-export declare function FormDivider(): import("@emotion/react/jsx-runtime").JSX.Element;
-/** Groups multiple fields side-by-side. */
-export declare function FieldGroup(props: {
-    /** The legend/title for this group. */
-    title?: string;
-    children: JSX.Element[];
-    /** An array of widths for each child, if a number we use `fr` units. */
-    widths?: Array<number | string>;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FormLines.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormLines.d.ts","sourceRoot":"","sources":["../../src/forms/FormLines.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAwB,0CAA2C;AAGlG,MAAM,MAAM,SAAS;AACnB,aAAa;AACX,IAAI;AACN,uDAAuD;GACrD,IAAI;AACN,sEAAsE;GACpE,IAAI;AACN,wFAAwF;GACtF,MAAM,CAAC;AAEX,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,qBAAqB,GAAG,aAAa,GAAG,SAAS,CAAC;IACtG,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDA4C9C;AAED,uCAAuC;AACvC,wBAAgB,WAAW,qDAE1B;AAED,2CAA2C;AAC3C,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACxB,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CACjC,oDAUA"}

package/dist/forms/FormLines.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormLines = FormLines;
-exports.FormDivider = FormDivider;
-exports.FieldGroup = FieldGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const components_1 = require("../components");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Css_1 = require("../Css");
-/**
- * Applies standard Form layout/size/spacing between lines.
- *
- * Lines can either be individual form fields, or a group of form fields
- * (see the `FieldGroup` component), where they will be laid out side-by-side.
- */
-function FormLines(props) {
-    const { inModal } = (0, components_1.useModal)();
-    const { children, width = inModal ? "full" : "lg", labelSuffix, labelStyle, compact, gap = 2, labelLeftFieldWidth, } = props;
-    let firstFormHeading = true;
-    // Only overwrite `fieldProps` if new values are explicitly set. Ensures we only set to `undefined` if explicitly set.
-    const newFieldProps = {
-        ...("labelSuffix" in props ? { labelSuffix } : {}),
-        ...("labelStyle" in props ? { labelStyle } : {}),
-        ...("compact" in props ? { compact } : {}),
-        ...("labelLeftFieldWidth" in props ? { labelLeftFieldWidth } : {}),
-        ...(width === "full" ? { fullWidth: true } : {}),
-    };
-    return ((0, jsx_runtime_1.jsx)(PresentationContext_1.PresentationProvider, { fieldProps: newFieldProps, children: (0, jsx_runtime_1.jsx)("div", { css: {
-                // Note that we're purposefully not using display:flex so that our children's margins will collapse.
-                ...Css_1.Css.w(sizes[width]).$,
-                // Purposefully use this instead of childGap3 to put margin-bottom on the last line
-                "& > *": Css_1.Css.mb(gap).$,
-            }, children: react_1.Children.map(children, (child) => {
-                if (child && typeof child === "object" && "type" in child && child.type.isFormHeading) {
-                    const clone = (0, react_1.cloneElement)(child, { isFirst: firstFormHeading });
-                    firstFormHeading = false;
-                    return clone;
-                }
-                else {
-                    return child;
-                }
-            }) }) }));
-}
-/** Draws a line between form lines. */
-function FormDivider() {
-    return (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.hPx(1).my2.bgGray200.$ });
-}
-/** Groups multiple fields side-by-side. */
-function FieldGroup(props) {
-    // TODO Actually use title
-    const { title, children, widths = [] } = props;
-    const gtc = children
-        .map((_, i) => {
-        const width = widths[i] || 1;
-        return typeof width === `number` ? `${width}fr` : width;
-    })
-        .join(" ");
-    return (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dg.gap2.gtc(gtc).$, children: children });
-}
-const sizes = {
-    full: "100%",
-    lg: "550px",
-    md: "480px",
-    sm: "320px",
-};

package/dist/forms/FormStateApp.d.ts

@@ -1,5 +0,0 @@
-import { ObjectConfig } from "@homebound/form-state";
-import { AuthorInput } from "./formStateDomain";
-export declare function FormStateApp(): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const formConfig: ObjectConfig<AuthorInput>;
-//# sourceMappingURL=FormStateApp.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormStateApp.d.ts","sourceRoot":"","sources":["../../src/forms/FormStateApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuC,MAAM,uBAAuB,CAAC;AA4B1F,OAAO,EAAE,WAAW,EAAE,0BAAkC;AAKxD,wBAAgB,YAAY,qDA4I3B;AAqBD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,WAAW,CAoBhD,CAAC"}

package/dist/forms/FormStateApp.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formConfig = void 0;
-exports.FormStateApp = FormStateApp;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const form_state_1 = require("@homebound/form-state");
-const mobx_react_1 = require("mobx-react");
-const react_1 = require("react");
-const components_1 = require("../components");
-const Css_1 = require("../Css");
-const forms_1 = require("./");
-const BoundCheckboxGroupField_1 = require("./BoundCheckboxGroupField");
-const BoundTreeSelectField_1 = require("./BoundTreeSelectField");
-const FormLines_1 = require("./FormLines");
-const hooks_1 = require("../hooks");
-function FormStateApp() {
-    // Simulate getting the initial form state back from a server call
-    const queryResponse = (0, react_1.useMemo)(() => ({
-        firstName: "a1",
-        books: [...Array(2)].map((_, i) => ({
-            id: String(i),
-            title: `b${i}`,
-            classification: { number: `10${i + 1}`, category: `Test Category ${i}` },
-        })),
-    }), []);
-    const [readOnly, setReadOnly] = (0, react_1.useState)(false);
-    const formState = (0, form_state_1.useFormState)({
-        config: exports.formConfig,
-        init: { input: queryResponse },
-        addRules(state) {
-            state.lastName.rules.push(() => {
-                return state.firstName.value === state.lastName.value ? "Last name cannot equal first name" : undefined;
-            });
-        },
-        readOnly,
-    });
-    const columns = (0, react_1.useMemo)(() => createColumns(formState), [formState]);
-    const rows = (0, hooks_1.useComputed)(() => [components_1.simpleHeader, ...formState.books.rows.map((data) => ({ kind: "data", id: data.id.value, data }))], []);
-    const sports = [
-        { id: undefined, name: "Undecided" },
-        { id: "s:1", name: "Football" },
-        { id: "s:2", name: "Soccer" },
-    ];
-    const colors = [
-        { value: "c:1", label: "Blue" },
-        { value: "c:2", label: "Red" },
-        { value: "c:3", label: "Green" },
-    ];
-    const shapes = [
-        { id: "sh:1", name: "Triangle" },
-        { id: "sh:2", name: "Square" },
-        { id: "sh:3", name: "Circle" },
-    ];
-    const animals = [
-        { value: "a:1", label: "Cat" },
-        { value: "a:2", label: "Dog" },
-        { value: "a:3", label: "Fish" },
-        { value: "a:4", label: "Iguana" },
-        { value: "a:5", label: "Turtle" },
-    ];
-    const genres = [
-        {
-            id: "g:1",
-            name: "Action",
-            children: [
-                {
-                    id: "g:2",
-                    name: "Action Adventure",
-                    children: [{ id: "g:3", name: "Action Adventure Comedy" }],
-                },
-                { id: "g:4", name: "Action Comedy" },
-            ],
-        },
-        { id: "g:5", name: "Comedy", children: [{ id: "g:6", name: "Comedy Drama" }] },
-    ];
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.$, children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.wPx(700).$, children: [(0, jsx_runtime_1.jsxs)(FormLines_1.FormLines, { labelSuffix: { required: "*", optional: "(Opt)" }, children: [(0, jsx_runtime_1.jsx)("b", { children: "Author" }), (0, jsx_runtime_1.jsx)(forms_1.BoundTextField, { field: formState.firstName }), (0, jsx_runtime_1.jsx)(forms_1.BoundTextField, { field: formState.middleInitial }), (0, jsx_runtime_1.jsx)(forms_1.BoundTextField, { field: formState.lastName }), (0, jsx_runtime_1.jsx)(forms_1.BoundDateField, { field: formState.birthday }), (0, jsx_runtime_1.jsxs)(forms_1.FieldGroup, { children: [(0, jsx_runtime_1.jsx)(forms_1.StaticField, { label: "Revenue", value: "$500" }), (0, jsx_runtime_1.jsx)(forms_1.StaticField, { label: "Website", children: (0, jsx_runtime_1.jsx)("a", { href: "https://google.com", children: "google.com" }) })] }), (0, jsx_runtime_1.jsx)(forms_1.BoundNumberField, { field: formState.heightInInches }), (0, jsx_runtime_1.jsx)(forms_1.FormDivider, {}), (0, jsx_runtime_1.jsx)(forms_1.BoundSelectField, { field: formState.favoriteSport, options: sports }), (0, jsx_runtime_1.jsx)(forms_1.BoundMultiSelectField, { field: formState.favoriteShapes, options: shapes }), (0, jsx_runtime_1.jsx)(BoundTreeSelectField_1.BoundTreeSelectField, { field: formState.favoriteGenres, options: genres }), (0, jsx_runtime_1.jsx)(forms_1.FormDivider, {}), (0, jsx_runtime_1.jsx)(BoundCheckboxGroupField_1.BoundCheckboxGroupField, { field: formState.favoriteColors, options: colors }), (0, jsx_runtime_1.jsx)(forms_1.BoundToggleChipGroupField, { field: formState.animals, options: animals }), (0, jsx_runtime_1.jsx)(forms_1.FormDivider, {}), (0, jsx_runtime_1.jsx)(forms_1.BoundSwitchField, { field: formState.isAvailable })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("strong", { children: ["Books", (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "plus", onClick: () => formState.books.add({ id: String(formState.books.value.length) }) })] }), (0, jsx_runtime_1.jsx)(components_1.GridTable, { columns: columns, rows: rows })] }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.gap1.$, children: [(0, jsx_runtime_1.jsx)(components_1.Button, { onClick: () => formState.revertChanges(), label: "Cancel" }), (0, jsx_runtime_1.jsx)(components_1.Button, { onClick: () => {
-                                        if (formState.canSave()) {
-                                            formState.commitChanges();
-                                        }
-                                    }, label: "Save" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(components_1.Button, { label: "Read Only", onClick: () => setReadOnly(!readOnly) }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mt1.$, children: [(0, jsx_runtime_1.jsx)("strong", { children: "Form Values:" }), (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(formState.value, null, 2) })] })] })] })) }));
-}
-function createColumns(formState) {
-    return [
-        { header: "#", data: ({ id }) => (0, jsx_runtime_1.jsx)("span", { children: id.value }) },
-        {
-            header: "Title",
-            data: ({ title }) => (0, jsx_runtime_1.jsx)(forms_1.BoundTextField, { label: "Book Title", labelStyle: "hidden", compact: true, field: title }),
-        },
-        {
-            header: "Actions",
-            data: (row) => (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "x", onClick: () => formState.books.remove(row.value) }),
-        },
-    ];
-}
-// Configure the fields/behavior for AuthorInput's fields
-exports.formConfig = {
-    firstName: { type: "value", rules: [form_state_1.required] },
-    middleInitial: { type: "value" },
-    lastName: { type: "value", rules: [form_state_1.required] },
-    birthday: { type: "value", rules: [form_state_1.required] },
-    heightInInches: { type: "value", rules: [form_state_1.required] },
-    favoriteSport: { type: "value" },
-    favoriteColors: { type: "value", rules: [form_state_1.required] },
-    favoriteShapes: { type: "value", rules: [form_state_1.required] },
-    favoriteGenres: { type: "value", rules: [form_state_1.required] },
-    books: {
-        type: "list",
-        rules: [({ value }) => ((value || []).length === 0 ? "Empty" : undefined)],
-        config: {
-            id: { type: "value" },
-            title: { type: "value", rules: [form_state_1.required] },
-        },
-    },
-    animals: { type: "value", rules: [form_state_1.required] },
-    isAvailable: { type: "value" },
-};

package/dist/forms/StaticField.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-interface StaticFieldProps {
-    label: ReactNode;
-    value?: string;
-    children?: ReactNode;
-    labelStyle?: PresentationFieldProps["labelStyle"];
-}
-export declare function StaticField(props: StaticFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StaticField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StaticField.d.ts","sourceRoot":"","sources":["../../src/forms/StaticField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AAKpG,UAAU,gBAAgB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,UAAU,CAAC,EAAE,sBAAsB,CAAC,YAAY,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAelD"}

package/dist/forms/StaticField.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StaticField = StaticField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Css_1 = require("../Css");
-const defaultTestId_1 = require("../utils/defaultTestId");
-const useTestIds_1 = require("../utils/useTestIds");
-function StaticField(props) {
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { label, labelStyle = fieldProps?.labelStyle ?? "above", value, children } = props;
-    const tid = (0, useTestIds_1.useTestIds)(props, typeof label === "string" ? (0, defaultTestId_1.defaultTestId)(label) : "staticField");
-    const id = (0, utils_1.useId)();
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.if(labelStyle === "left").df.jcsb.maxw100.$, ...tid.container, children: [(0, jsx_runtime_1.jsx)("label", { css: Css_1.Css.db.sm.gray700.mbPx(4).$, htmlFor: id, ...tid.label, children: label }), (0, jsx_runtime_1.jsx)("div", { id: id, css: Css_1.Css.smMd.gray900.df.aic.if(labelStyle === "left").w50.$, ...tid, children: value || children })] }));
-}

package/dist/forms/StepperFormApp.d.ts

@@ -1,2 +0,0 @@
-export declare function StepperFormApp(): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StepperFormApp.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepperFormApp.d.ts","sourceRoot":"","sources":["../../src/forms/StepperFormApp.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,cAAc,qDAW7B"}

package/dist/forms/StepperFormApp.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepperFormApp = StepperFormApp;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const form_state_1 = require("@homebound/form-state");
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const react_1 = require("react");
-const components_1 = require("../components");
-const Stepper_1 = require("../components/Stepper");
-const Css_1 = require("../Css");
-const BoundDateField_1 = require("./BoundDateField");
-const BoundNumberField_1 = require("./BoundNumberField");
-const BoundTextField_1 = require("./BoundTextField");
-const hooks_1 = require("../hooks");
-function StepperFormApp() {
-    const formState = (0, form_state_1.useFormState)({
-        config: formConfig,
-        init: { input: {}, map: (i) => i },
-        addRules(state) {
-            state.lastName.rules.push(() => {
-                return state.firstName.value === state.lastName.value ? "Last name cannot equal first name" : undefined;
-            });
-        },
-    });
-    return (0, jsx_runtime_1.jsx)(StepperForm, { formState: formState });
-}
-function StepperForm({ formState }) {
-    const [steps, setSteps] = (0, react_1.useState)(() => [
-        { state: "incomplete", label: "Author Details", value: "author" },
-        { state: "incomplete", label: "Books", disabled: true, value: "books" },
-        { state: "incomplete", label: "Miscellaneous Author Information", value: "misc", disabled: true },
-    ]);
-    const [currentStep, setActiveStep] = (0, react_1.useState)(steps[0].value);
-    const setStep = (0, react_1.useCallback)((stepValue, stepData) => setSteps(steps.map((s) => (s.value === stepValue ? { ...s, ...stepData } : s))), [steps]);
-    const onNext = (0, react_1.useCallback)(() => {
-        // If we can proceed to the next step, then we should consider this step complete.
-        setStep(currentStep, { state: "complete" });
-        const currentStepIndex = steps.findIndex((s) => s.value === currentStep);
-        if (currentStepIndex !== undefined) {
-            setActiveStep(steps[currentStepIndex + 1].value);
-        }
-    }, [steps, currentStep, setStep]);
-    const onBack = (0, react_1.useCallback)(() => {
-        const currentStepIndex = steps.findIndex((s) => s.value === currentStep);
-        setActiveStep(steps[currentStepIndex === 0 ? 0 : currentStepIndex - 1].value);
-    }, [currentStep, steps]);
-    (0, react_1.useEffect)(() => {
-        const disposer = (0, mobx_1.reaction)(() => [formState.firstName.valid && formState.lastName.valid, formState.books.valid, formState.birthday.valid], ([step1Valid, step2Valid, step3Valid], [wasStep1Valid, wasStep2Valid, wasStep3Valid]) => {
-            if (step1Valid && step1Valid !== wasStep1Valid) {
-                setStep("books", { disabled: !step1Valid });
-                return;
-            }
-            if (step2Valid && step2Valid !== wasStep2Valid) {
-                setStep("misc", { disabled: !step2Valid });
-                return;
-            }
-            if (step3Valid && step3Valid !== wasStep3Valid) {
-                setStep("misc", { state: "complete" });
-                return;
-            }
-        });
-        // Return the disposer in order to clean up useEffect.
-        return disposer;
-    }, [setStep, formState.birthday.valid, formState.books.valid, formState.firstName.valid, formState.lastName.valid]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Stepper_1.Stepper, { steps: steps, currentStep: currentStep, onChange: setActiveStep }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mt2.$, children: [currentStep === "author" && (0, jsx_runtime_1.jsx)(AuthorDetails, { formState: formState, onNext: onNext }), currentStep === "books" && (0, jsx_runtime_1.jsx)(BookList, { formState: formState, onNext: onNext, onBack: onBack }), currentStep === "misc" && (0, jsx_runtime_1.jsx)(MiscAuthorDetails, { formState: formState, onBack: onBack })] })] }));
-}
-function AuthorDetails({ formState, onNext }) {
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.mb1.$, children: "Author Details" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mb2.$, children: (0, jsx_runtime_1.jsx)(BoundTextField_1.BoundTextField, { field: formState.firstName, helperText: "Required to enable next step" }) }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mb2.$, children: (0, jsx_runtime_1.jsx)(BoundTextField_1.BoundTextField, { field: formState.lastName, helperText: "Required to enable next step" }) }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.jcfe.bt.bcGray300.py1.mt2.$, children: (0, jsx_runtime_1.jsx)(components_1.Button, { label: "Continue to Books", disabled: !formState.firstName.valid || !formState.lastName.valid, onClick: onNext }) })] })) }));
-}
-function BookList({ formState, onNext, onBack }) {
-    const columns = (0, react_1.useMemo)(() => createColumns(formState), [formState]);
-    const rows = (0, hooks_1.useComputed)(() => [components_1.simpleHeader, ...formState.books.rows.map((data) => ({ kind: "data", id: data.id.value, data }))], []);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("h1", { css: Css_1.Css.df.aic.$, children: ["Books", (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "plus", onClick: () => formState.books.add({ id: String(formState.books.value?.length || 1) }) })] }), (0, jsx_runtime_1.jsx)(components_1.GridTable, { columns: columns, rows: rows }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.bt.bcGray300.py1.mt2.$, children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", label: "Back", onClick: onBack }), (0, jsx_runtime_1.jsx)(components_1.Button, { label: "Continue to Misc.", disabled: !formState.books.valid, onClick: onNext })] })] }));
-}
-function createColumns(formState) {
-    return [
-        { header: "#", data: ({ id }) => (0, jsx_runtime_1.jsx)("span", { children: id.value }) },
-        {
-            header: "Title",
-            data: ({ title }) => (0, jsx_runtime_1.jsx)(BoundTextField_1.BoundTextField, { label: "", compact: true, field: title }),
-        },
-        {
-            header: "Actions",
-            data: (row) => (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "x", onClick: () => formState.books.remove(row.value) }),
-        },
-    ];
-}
-function MiscAuthorDetails({ formState, onBack }) {
-    const [showFormData, setShowFormData] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.mb1.$, children: "Author Details" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mb2.$, children: (0, jsx_runtime_1.jsx)(BoundDateField_1.BoundDateField, { field: formState.birthday, helperText: "Required" }) }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mb2.$, children: (0, jsx_runtime_1.jsx)(BoundNumberField_1.BoundNumberField, { field: formState.heightInInches }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.bt.bcGray300.py1.mt2.$, children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", label: "Back", onClick: onBack }), (0, jsx_runtime_1.jsx)(components_1.Button, { disabled: !formState.valid, onClick: () => {
-                                if (formState.canSave()) {
-                                    formState.commitChanges();
-                                    setShowFormData(true);
-                                }
-                            }, label: "Save" })] }), showFormData && ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mt5.$, children: [(0, jsx_runtime_1.jsx)("h2", { children: "Form saved!" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "First Name" }), " ", formState.value.firstName] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Last Name" }), " ", formState.value.lastName] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Books" }), " ", formState.value.books?.map((b) => b.title).join(", ")] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Birthday" }), " ", formState.value.birthday?.toDateString()] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Height" }), " ", formState.value.heightInInches] })] })] }))] })) }));
-}
-// Configure the fields/behavior for AuthorInput's fields
-const formConfig = {
-    firstName: { type: "value", rules: [form_state_1.required] },
-    lastName: { type: "value", rules: [form_state_1.required] },
-    birthday: { type: "value", rules: [form_state_1.required] },
-    heightInInches: { type: "value" },
-    books: {
-        type: "list",
-        rules: [({ value }) => ((value || []).length === 0 ? "Empty" : undefined)],
-        config: {
-            id: { type: "value" },
-            title: { type: "value", rules: [form_state_1.required] },
-        },
-    },
-};

package/dist/forms/SubmitButton.d.ts

@@ -1,9 +0,0 @@
-import { ObjectState } from "@homebound/form-state";
-import { ButtonProps } from "..";
-export type SubmitButtonProps<T> = Omit<ButtonProps, "label"> & {
-    label?: ButtonProps["label"];
-    form: ObjectState<T>;
-};
-/** Provides a Button that will auto-disable if `formState` is invalid. */
-export declare function SubmitButton<T>(props: SubmitButtonProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SubmitButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/forms/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAU,WAAW,EAAe,WAAY;AAEvD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CACtB,CAAC;AAEF,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,oDAsB1D"}