@homebound/beam 2.378.0 → 2.379.0

package/dist/forms/SubmitButton.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubmitButton = SubmitButton;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const src_1 = require("..");
-/** Provides a Button that will auto-disable if `formState` is invalid. */
-function SubmitButton(props) {
-    const { form, disabled, onClick, label = "Submit", ...others } = props;
-    if (typeof onClick === "string") {
-        throw new Error("SubmitButton.onClick doesn't support strings yet");
-    }
-    // Enable the button whenever the form is dirty, even if the form is partially invalid,
-    // because submitting will then force-touch all fields and show all errors instead of
-    // just errors-so-far.
-    const dirty = (0, src_1.useComputed)(() => form.dirty, [form]);
-    return ((0, jsx_runtime_1.jsx)(src_1.Button, { label: label, disabled: disabled || !dirty, onClick: (e) => {
-            // canSave will touch any not-yet-keyed-in fields to show errors
-            if (form.canSave()) {
-                void onClick(e);
-            }
-        }, ...others }));
-}

package/dist/forms/formStateDomain.d.ts

@@ -1,55 +0,0 @@
-import { DateRange } from "../types";
-export declare const jan1: Date;
-export declare const jan2: Date;
-export declare const jan10: Date;
-export declare const jan19: Date;
-export declare const jan29: Date;
-export declare const dd100: DeweyDecimalClassification;
-export declare const dd200: DeweyDecimalClassification;
-export declare enum AuthorHeight {
-    SHORT = 0,
-    TALL = 1
-}
-export interface AuthorInput {
-    id?: string | null;
-    height?: AuthorHeight | null;
-    firstName?: string | null;
-    middleInitial?: string | null;
-    lastName?: string | null;
-    birthday?: Date | null;
-    heightInInches?: number | null;
-    royaltiesInCents?: number | null;
-    royaltiesInMills?: number | null;
-    books?: BookInput[] | null;
-    address?: AuthorAddress | null;
-    favoriteSport?: string | null;
-    favoriteColors?: string[] | null;
-    favoriteShapes?: string[] | null;
-    isAvailable?: boolean | null;
-    animals?: string[] | null;
-    bio?: string | null;
-    saleDates?: DateRange | null;
-    favoriteGenres?: string[] | null;
-}
-export interface AuthorAddress {
-    street?: string | null;
-    city?: string | null;
-}
-export interface BookInput {
-    id?: string | null | undefined;
-    title?: string | null | undefined;
-    classification?: DeweyDecimalClassification;
-    delete?: boolean | null | undefined;
-    isPublished?: boolean;
-}
-export interface DeweyDecimalClassification {
-    number: string;
-    category: string;
-}
-export declare class DateOnly {
-    private readonly date;
-    constructor(date: Date);
-    toString(): string;
-    toJSON(): string;
-}
-//# sourceMappingURL=formStateDomain.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formStateDomain.d.ts","sourceRoot":"","sources":["../../src/forms/formStateDomain.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,iBAAkB;AAEtC,eAAO,MAAM,IAAI,MAAuB,CAAC;AACzC,eAAO,MAAM,IAAI,MAAuB,CAAC;AACzC,eAAO,MAAM,KAAK,MAAwB,CAAC;AAC3C,eAAO,MAAM,KAAK,MAAwB,CAAC;AAC3C,eAAO,MAAM,KAAK,MAAwB,CAAC;AAC3C,eAAO,MAAM,KAAK,EAAE,0BAAsE,CAAC;AAC3F,eAAO,MAAM,KAAK,EAAE,0BAAoE,CAAC;AAEzF,oBAAY,YAAY;IACtB,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,QAAQ;IACP,OAAO,CAAC,QAAQ,CAAC,IAAI;gBAAJ,IAAI,EAAE,IAAI;IAEvC,QAAQ;IAIR,MAAM;CAGP"}

package/dist/forms/formStateDomain.js

@@ -1,31 +0,0 @@
-"use strict";
-// Pretend domain objects for editing in the form, i.e. as generated
-// by a GraphQL schema for a `saveAuthor` mutation that takes an author
-// plus the author's books.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateOnly = exports.AuthorHeight = exports.dd200 = exports.dd100 = exports.jan29 = exports.jan19 = exports.jan10 = exports.jan2 = exports.jan1 = void 0;
-exports.jan1 = new Date(2020, 0, 1);
-exports.jan2 = new Date(2020, 0, 2);
-exports.jan10 = new Date(2020, 0, 10);
-exports.jan19 = new Date(2020, 0, 19);
-exports.jan29 = new Date(2020, 0, 29);
-exports.dd100 = { number: "100", category: "Philosophy" };
-exports.dd200 = { number: "200", category: "Religion" };
-var AuthorHeight;
-(function (AuthorHeight) {
-    AuthorHeight[AuthorHeight["SHORT"] = 0] = "SHORT";
-    AuthorHeight[AuthorHeight["TALL"] = 1] = "TALL";
-})(AuthorHeight || (exports.AuthorHeight = AuthorHeight = {}));
-class DateOnly {
-    date;
-    constructor(date) {
-        this.date = date;
-    }
-    toString() {
-        return this.date.toISOString().split("T")[0];
-    }
-    toJSON() {
-        return this.toString();
-    }
-}
-exports.DateOnly = DateOnly;

package/dist/forms/index.d.ts

@@ -1,24 +0,0 @@
-export * from "./BoundCheckboxField";
-export * from "./BoundCheckboxGroupField";
-export * from "./BoundChipSelectField";
-export * from "./BoundDateField";
-export * from "./BoundDateRangeField";
-export * from "./BoundIconCardField";
-export * from "./BoundIconCardGroupField";
-export * from "./BoundMultiLineSelectField";
-export * from "./BoundMultiSelectField";
-export * from "./BoundNumberField";
-export * from "./BoundRadioGroupField";
-export * from "./BoundRichTextField";
-export * from "./BoundSelectAndTextField";
-export * from "./BoundSelectField";
-export * from "./BoundSwitchField";
-export * from "./BoundTextAreaField";
-export * from "./BoundTextField";
-export * from "./BoundToggleChipGroupField";
-export * from "./BoundTreeSelectField";
-export * from "./FormHeading";
-export * from "./FormLines";
-export * from "./StaticField";
-export * from "./SubmitButton";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/dist/forms/index.js

@@ -1,39 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./BoundCheckboxField"), exports);
-__exportStar(require("./BoundCheckboxGroupField"), exports);
-__exportStar(require("./BoundChipSelectField"), exports);
-__exportStar(require("./BoundDateField"), exports);
-__exportStar(require("./BoundDateRangeField"), exports);
-__exportStar(require("./BoundIconCardField"), exports);
-__exportStar(require("./BoundIconCardGroupField"), exports);
-__exportStar(require("./BoundMultiLineSelectField"), exports);
-__exportStar(require("./BoundMultiSelectField"), exports);
-__exportStar(require("./BoundNumberField"), exports);
-__exportStar(require("./BoundRadioGroupField"), exports);
-__exportStar(require("./BoundRichTextField"), exports);
-__exportStar(require("./BoundSelectAndTextField"), exports);
-__exportStar(require("./BoundSelectField"), exports);
-__exportStar(require("./BoundSwitchField"), exports);
-__exportStar(require("./BoundTextAreaField"), exports);
-__exportStar(require("./BoundTextField"), exports);
-__exportStar(require("./BoundToggleChipGroupField"), exports);
-__exportStar(require("./BoundTreeSelectField"), exports);
-__exportStar(require("./FormHeading"), exports);
-__exportStar(require("./FormLines"), exports);
-__exportStar(require("./StaticField"), exports);
-__exportStar(require("./SubmitButton"), exports);

package/dist/forms/labelUtils.d.ts

@@ -1,2 +0,0 @@
-export declare function getLabelSuffix(required: boolean | undefined): string | undefined;
-//# sourceMappingURL=labelUtils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"labelUtils.d.ts","sourceRoot":"","sources":["../../src/forms/labelUtils.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAWhF"}

package/dist/forms/labelUtils.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLabelSuffix = getLabelSuffix;
-const PresentationContext_1 = require("../components/PresentationContext");
-function getLabelSuffix(required) {
-    // We promise to always call `getLabelSuffix` deterministically
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    if (required === true) {
-        return fieldProps?.labelSuffix?.required;
-    }
-    else if (required === false) {
-        return fieldProps?.labelSuffix?.optional;
-    }
-    else {
-        return undefined;
-    }
-}

package/dist/hooks/index.d.ts

@@ -1,9 +0,0 @@
-export * from "./useBreakpoint";
-export * from "./useComputed";
-export * from "./useFilter";
-export * from "./useGroupBy";
-export * from "./useHover";
-export * from "./usePersistedFilter";
-export * from "./useQueryState";
-export * from "./useSessionStorage";
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/hooks/index.js

@@ -1,24 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useBreakpoint"), exports);
-__exportStar(require("./useComputed"), exports);
-__exportStar(require("./useFilter"), exports);
-__exportStar(require("./useGroupBy"), exports);
-__exportStar(require("./useHover"), exports);
-__exportStar(require("./usePersistedFilter"), exports);
-__exportStar(require("./useQueryState"), exports);
-__exportStar(require("./useSessionStorage"), exports);

package/dist/hooks/useBreakpoint.d.ts

@@ -1,12 +0,0 @@
-import { Breakpoint } from "../Css";
-type BreakpointsType = Record<Breakpoint, boolean>;
-/**
- * A React hook to return a record of responsive breakpoints that updates on resize.
- *
- * @example
- * const breakpoints = useBreakpoint();
- * if (breakpoints.mdAndDown) { ...do something cool }
- */
-export declare function useBreakpoint(): BreakpointsType;
-export {};
-//# sourceMappingURL=useBreakpoint.d.ts.map

package/dist/hooks/useBreakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAe,MAAM,QAAQ,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEnD;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAI,eAAe,CAiB/C"}

package/dist/hooks/useBreakpoint.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpoint = useBreakpoint;
-const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-const react_1 = require("react");
-const index_1 = require("../utils/index");
-const use_debounce_1 = require("use-debounce");
-const Css_1 = require("../Css");
-/**
- * A React hook to return a record of responsive breakpoints that updates on resize.
- *
- * @example
- * const breakpoints = useBreakpoint();
- * if (breakpoints.mdAndDown) { ...do something cool }
- */
-function useBreakpoint() {
-    const [breakpoints, setBreakpoints] = (0, react_1.useState)(matchMediaBreakpoints());
-    const handleResize = (0, use_debounce_1.useDebouncedCallback)(() => {
-        const newBps = matchMediaBreakpoints();
-        if ((0, fast_deep_equal_1.default)(breakpoints, newBps))
-            return;
-        setBreakpoints(newBps);
-    }, 250);
-    (0, react_1.useEffect)(() => {
-        window.addEventListener("resize", handleResize);
-        // Remove event listener on cleanup
-        return () => window.removeEventListener("resize", handleResize);
-    }, [handleResize]);
-    return breakpoints;
-}
-function matchMediaBreakpoints() {
-    const bps = {};
-    (0, index_1.safeEntries)(Css_1.Breakpoints).forEach(([name, bp]) => {
-        bps[name] = window.matchMedia(bp.replace("@media ", "")).matches;
-    });
-    return bps;
-}

package/dist/hooks/useComputed.d.ts

@@ -1,44 +0,0 @@
-/**
- * Evaluates a computed function `fn` to a regular value and triggers a re-render whenever it changes.
- *
- * Some examples:
- *
- * ```ts
- * // Good, watching a single value
- * const firstName = useComputed(() => author.firstName, [author]);
- *
- * // Good, watching multiple values in a single `useComputed`
- * const { firstName, lastName } = useComputed(() => {
- *   // Make sure to read the values
- *   const { firstName, lastName } = author;
- *   return { firstName, lastName };
- * }, [author]);
- *
- * // Good, watching a form-state field
- * const firstName = useComputed(() => {
- *   return formState.firstName.value;
- * }, [formState]);
- *
- * // Good, watching an observable `formState` + a POJO/immutable `items` which is not an observable
- * const item = useComputed(() => {
- *   return items.find((i) => i.id === formState.itemId.value);
- * }, [formState, items]);
- *
- * // Bad, fn and deps are "watching the same thing".
- * const firstName = useComputed(() => {
- *   return formState.firstName.value;
- * }, [formState.firstName.value]);
- * ```
- *
- * Note that the difference between the `fn` and the `deps` is:
- *
- * - `fn` is "which values we are watching in the observable" (i.e. store or `formState`), and
- * - `deps` is "which observable we're watching" (i.e. store or `formState`)
- *
- * So the `deps` array shouldn't overlap with any of the "watched values" of the `fn` lambda,
- * other than the root observer itself (which admittedly should rarely change, i.e. our stores
- * are generally global-ish/very stable, but can change if the user switches pages i.e. "from
- * editing author:1 t editing author:2").
- */
-export declare function useComputed<T>(fn: (prev: T | undefined) => T, deps: readonly any[]): T;
-//# sourceMappingURL=useComputed.d.ts.map

package/dist/hooks/useComputed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComputed.d.ts","sourceRoot":"","sources":["../../src/hooks/useComputed.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,GAAG,CAAC,CA8DtF"}

package/dist/hooks/useComputed.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComputed = useComputed;
-const mobx_1 = require("mobx");
-const react_1 = require("react");
-const shallowEqual_1 = require("../utils/shallowEqual");
-/**
- * Evaluates a computed function `fn` to a regular value and triggers a re-render whenever it changes.
- *
- * Some examples:
- *
- * ```ts
- * // Good, watching a single value
- * const firstName = useComputed(() => author.firstName, [author]);
- *
- * // Good, watching multiple values in a single `useComputed`
- * const { firstName, lastName } = useComputed(() => {
- *   // Make sure to read the values
- *   const { firstName, lastName } = author;
- *   return { firstName, lastName };
- * }, [author]);
- *
- * // Good, watching a form-state field
- * const firstName = useComputed(() => {
- *   return formState.firstName.value;
- * }, [formState]);
- *
- * // Good, watching an observable `formState` + a POJO/immutable `items` which is not an observable
- * const item = useComputed(() => {
- *   return items.find((i) => i.id === formState.itemId.value);
- * }, [formState, items]);
- *
- * // Bad, fn and deps are "watching the same thing".
- * const firstName = useComputed(() => {
- *   return formState.firstName.value;
- * }, [formState.firstName.value]);
- * ```
- *
- * Note that the difference between the `fn` and the `deps` is:
- *
- * - `fn` is "which values we are watching in the observable" (i.e. store or `formState`), and
- * - `deps` is "which observable we're watching" (i.e. store or `formState`)
- *
- * So the `deps` array shouldn't overlap with any of the "watched values" of the `fn` lambda,
- * other than the root observer itself (which admittedly should rarely change, i.e. our stores
- * are generally global-ish/very stable, but can change if the user switches pages i.e. "from
- * editing author:1 t editing author:2").
- */
-function useComputed(fn, deps) {
-    // We always return the useRef value, and use this just to trigger re-renders
-    const [, setTick] = (0, react_1.useState)(0);
-    const ref = (0, react_1.useRef)({
-        runner: undefined,
-        value: undefined,
-        hasRan: false,
-    });
-    // We use a `useMemo` b/c we want this to synchronously calc, so that even
-    // the very 1st render can use the result of our computed, i.e. instead of
-    // with `useEffect`, which would only get calc'd after the 1st render has
-    // already been done.
-    (0, react_1.useMemo)(() => {
-        const { current } = ref;
-        // If deps has changed, unhook the previous observer
-        if (current.runner) {
-            current.runner();
-        }
-        // If deps has changed, we're already re-running, so don't trigger a 2nd one
-        current.hasRan = false;
-        current.runner = (0, mobx_1.autorun)(() => {
-            const { value: oldValue, hasRan } = current;
-            // Always eval fn() (even on 1st render) to register our observable.
-            const newValue = fn(oldValue);
-            // If we've already run and the value hasn't changed, don't trigger a re-render
-            //
-            // Also, we avoid a deep equality, b/c if a `useComputed` is returning something complicated/cyclic,
-            // like ReactElement, deep equality will crawl into the guts of React/ReactFiber and cycle/infinite loop.
-            if (hasRan && (0, shallowEqual_1.shallowEqual)(newValue, oldValue))
-                return;
-            // Only change the identity of `current.value` after we've checked that it's not shallow equal
-            current.value = newValue;
-            current.hasRan = true;
-            // Only trigger a re-render if this is not the 1st autorun. Note
-            // that if deps has changed, we're inherently in a re-render so also
-            // don't need to trigger an additional re-render.
-            if (hasRan) {
-                // This can cause 'Cannot update a component while rendering a different component'
-                // if one component (the mutator) is updating observable from directly
-                // within it's render method. Usually this is rare and can be avoided by
-                // only updating observables from within useEffect.
-                setTick((tick) => tick + 1);
-            }
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-    // unsubscribe the autorun when we're unmounted
-    (0, react_1.useEffect)(() => {
-        return ref.current.runner;
-    }, []);
-    // Occasionally autorun will not have run yet, in which case we have to just
-    // accept running the eval fn twice (here to get the value for the 1st render,
-    // and again for mobx to watch what observables we touch).
-    if (!ref.current.hasRan) {
-        ref.current.value = fn(undefined);
-    }
-    // We can use `!` here b/c we know that `autorun` set current
-    return ref.current.value;
-}

package/dist/hooks/useFilter.d.ts

@@ -1,11 +0,0 @@
-import { FilterDefs } from "..";
-interface UsePersistedFilterProps<F> {
-    filterDefs: FilterDefs<F>;
-}
-interface FilterHook<F> {
-    filter: F;
-    setFilter: (filter: F) => void;
-}
-export declare function useFilter<F>({ filterDefs }: UsePersistedFilterProps<F>): FilterHook<F>;
-export {};
-//# sourceMappingURL=useFilter.d.ts.map

package/dist/hooks/useFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAY;AAGjC,UAAU,uBAAuB,CAAC,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,UAAU,UAAU,CAAC,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAUtF"}

package/dist/hooks/useFilter.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFilter = useFilter;
-const react_1 = require("react");
-const utils_1 = require("../utils");
-function useFilter({ filterDefs }) {
-    const [filter, setFilter] = (0, react_1.useState)(Object.fromEntries((0, utils_1.safeEntries)(filterDefs)
-        .filter(([key, def]) => def(key).defaultValue !== undefined)
-        .map(([key, def]) => [key, def(key).defaultValue])));
-    return { setFilter, filter };
-}

package/dist/hooks/useGetRef.d.ts

@@ -1,7 +0,0 @@
-import { MutableRefObject, RefObject } from "react";
-/**
- * Replaces code like `const ref = passedRef || useRef(null)` which was triggering rules-of-hooks violations. Used
- * to sometimes accept a caller's ref, or if they did not pass one, use an internal one anyway.
- */
-export declare const useGetRef: <T extends HTMLElement>(maybeRef: RefObject<T> | undefined) => MutableRefObject<T | null>;
-//# sourceMappingURL=useGetRef.d.ts.map

package/dist/hooks/useGetRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,YAAY,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,KAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAG9G,CAAC"}

package/dist/hooks/useGetRef.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetRef = void 0;
-const react_1 = require("react");
-/**
- * Replaces code like `const ref = passedRef || useRef(null)` which was triggering rules-of-hooks violations. Used
- * to sometimes accept a caller's ref, or if they did not pass one, use an internal one anyway.
- */
-const useGetRef = (maybeRef) => {
-    const newRef = (0, react_1.useRef)(null);
-    return maybeRef || newRef;
-};
-exports.useGetRef = useGetRef;

package/dist/hooks/useGroupBy.d.ts

@@ -1,13 +0,0 @@
-export interface GroupByHook<G extends string> {
-    /** The current group by value. */
-    value: G;
-    /** Called when the group by have changed. */
-    setValue: (groupBy: G) => void;
-    /** The list of group by options. */
-    options: Array<{
-        id: G;
-        name: string;
-    }>;
-}
-export declare function useGroupBy<G extends string>(opts: Record<G, string>): GroupByHook<G>;
-//# sourceMappingURL=useGroupBy.d.ts.map

package/dist/hooks/useGroupBy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGroupBy.d.ts","sourceRoot":"","sources":["../../src/hooks/useGroupBy.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM;IAC3C,kCAAkC;IAClC,KAAK,EAAE,CAAC,CAAC;IACT,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAQpF"}

package/dist/hooks/useGroupBy.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGroupBy = useGroupBy;
-const react_1 = require("react");
-const useQueryState_1 = require("./useQueryState");
-const index_1 = require("../utils/index");
-function useGroupBy(opts) {
-    const options = (0, react_1.useMemo)(() => (0, index_1.safeEntries)(opts).map(([key, value]) => ({ id: key, name: value })), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    const [value, setValue] = (0, useQueryState_1.useQueryState)("groupBy", options[0].id);
-    return { value, setValue, options };
-}

package/dist/hooks/useHover.d.ts

@@ -1,13 +0,0 @@
-import { HTMLAttributes } from "react";
-interface useHoverProps {
-    onHoverStart?: VoidFunction;
-    onHoverEnd?: VoidFunction;
-    onHoverChange?: (isHovering: boolean) => void;
-    disabled?: boolean;
-}
-export declare function useHover(props: useHoverProps): {
-    hoverProps: HTMLAttributes<HTMLElement>;
-    isHovered: boolean;
-};
-export {};
-//# sourceMappingURL=useHover.d.ts.map

package/dist/hooks/useHover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,aAAa;IAErB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG;IAAE,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAG9G"}

package/dist/hooks/useHover.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = useHover;
-const react_aria_1 = require("react-aria");
-// Handles hover pointer interactions for an element.
-function useHover(props) {
-    const { disabled: isDisabled, ...others } = props;
-    return (0, react_aria_1.useHover)({ isDisabled, ...others });
-}

package/dist/hooks/usePersistedFilter.d.ts

@@ -1,17 +0,0 @@
-import { FilterDefs } from "../components";
-interface UsePersistedFilterProps<F> {
-    filterDefs: FilterDefs<F>;
-    storageKey: string;
-}
-interface PersistedFilterHook<F> {
-    filter: F;
-    setFilter: (filter: F) => void;
-}
-/**
- * Persists filter details in both browser storage and query parameters.
- * If a valid filter is present in the query params, then that will be used.
- * Otherwise it looks at browser storage, and finally the defaultFilter prop.
- */
-export declare function usePersistedFilter<F>({ storageKey, filterDefs }: UsePersistedFilterProps<F>): PersistedFilterHook<F>;
-export {};
-//# sourceMappingURL=usePersistedFilter.d.ts.map

package/dist/hooks/usePersistedFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePersistedFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersistedFilter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,sBAAuB;AAK5C,UAAU,uBAAuB,CAAC,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,mBAAmB,CAAC,CAAC;IAC7B,MAAM,EAAE,CAAC,CAAC;IACV,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAwCpH"}