@variocube/app-ui 1.14.0

package/esm/formats/TemporalFormat.spec.js

@@ -0,0 +1,87 @@
+import { act, create } from "react-test-renderer";
+import * as React from "react";
+import { Instant, PlainDate, PlainDateTime, PlainTime, ZonedDateTime } from "../temporal";
+import { TemporalFormat } from "./TemporalFormat";
+describe("TemporalFormat", () => {
+    test("PlainDate de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainDate.from("2022-06-22"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022");
+    });
+    test("PlainDate en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainDate.from("2022-06-22"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022");
+    });
+    test("PlainDateTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainDateTime.from("2022-06-22T14:22"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 14:22:00");
+    });
+    test("PlainDateTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainDateTime.from("2022-06-22T14:22"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:00 PM");
+    });
+    test("PlainTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainTime.from({ hour: 14, minute: 22 }), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("14:22:00");
+    });
+    test("PlainTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: PlainTime.from({ hour: 14, minute: 22 }), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("2:22:00 PM");
+    });
+    test("ZonedDateTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: ZonedDateTime.from("2022-06-22T14:22[MET]"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 14:22:00 GMT+2");
+    });
+    test("ZonedDateTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: ZonedDateTime.from("2022-06-22T14:22[MET]"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:00 PM GMT+2");
+    });
+    test("Instant de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: Instant.from("2022-06-22T14:22:11Z"), timeZone: "Europe/Vienna", locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 16:22:11");
+    });
+    test("Instant en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalFormat, { value: Instant.from("2022-06-22T14:22:11Z"), locale: "en-US", timeZone: "UTC" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:11 PM");
+    });
+});
+//# sourceMappingURL=TemporalFormat.spec.js.map

package/esm/formats/TemporalFormat.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalFormat.spec.js","sourceRoot":"","sources":["../../src/formats/TemporalFormat.spec.tsx"],"names":[],"mappings":"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"}

package/esm/formats/TemporalRangeFormat.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { Formattable } from "../temporal";
+import { DateStyle, TimeStyle } from "./types";
+export interface TemporalRangeFormatProps {
+    /**
+     * The beginning of the temporal range.
+     */
+    from: Formattable;
+    /**
+     * The end of the temporal range.
+     */
+    until: Formattable;
+    /**
+     * The style of the date format.
+     */
+    dateStyle?: DateStyle | undefined;
+    /**
+     * The style of the time format.
+     */
+    timeStyle?: TimeStyle | undefined;
+    /**
+     * Overrides the user's locale. Use for testing only.
+     */
+    locale?: string;
+    /**
+     * Overrides the user's time zone. Use for testing only.
+     */
+    timeZone?: string;
+}
+export declare function TemporalRangeFormat(props: TemporalRangeFormatProps): JSX.Element;

package/esm/formats/TemporalRangeFormat.js

@@ -0,0 +1,17 @@
+import { useDateTimeFormat } from "./useDateTimeFormat";
+import { Fragment, useMemo } from "react";
+import * as React from "react";
+export function TemporalRangeFormat(props) {
+    const { from, until, dateStyle, timeStyle, locale, timeZone, } = props;
+    const options = useMemo(() => ({
+        dateStyle,
+        timeStyle,
+        timeZone,
+    }), [dateStyle, timeStyle]);
+    const dateTimeFormat = useDateTimeFormat(options, locale);
+    const str = useMemo(() => {
+        return dateTimeFormat.formatRange(from, until);
+    }, [dateTimeFormat, from, until]);
+    return React.createElement(Fragment, null, str);
+}
+//# sourceMappingURL=TemporalRangeFormat.js.map

package/esm/formats/TemporalRangeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalRangeFormat.js","sourceRoot":"","sources":["../../src/formats/TemporalRangeFormat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IAC/D,MAAM,EACF,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,SAAS;QACT,SAAS;QACT,QAAQ;KACX,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE1D,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;QACrB,OAAO,cAAc,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,OAAO,oBAAC,QAAQ,QAAE,GAAG,CAAY,CAAC;AACtC,CAAC"}

package/esm/formats/TemporalRangeFormat.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/formats/TemporalRangeFormat.spec.js

@@ -0,0 +1,87 @@
+import { act, create } from "react-test-renderer";
+import * as React from "react";
+import { Instant, PlainDate, PlainDateTime, PlainTime, ZonedDateTime } from "../temporal";
+import { TemporalRangeFormat } from "./TemporalRangeFormat";
+describe("TemporalRangeFormat", () => {
+    test("PlainDate de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainDate.from("2022-06-22"), until: PlainDate.from("2022-06-30"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.–30.06.2022");
+    });
+    test("PlainDate en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainDate.from("2022-06-22"), until: PlainDate.from("2022-06-30"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022 – 6/30/2022");
+    });
+    test("PlainDateTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainDateTime.from("2022-06-22T14:22"), until: PlainDateTime.from("2022-06-22T17:55"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 14:22:00 – 17:55:00");
+    });
+    test("PlainDateTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainDateTime.from("2022-06-22T14:22"), until: PlainDateTime.from("2022-06-22T17:55"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:00 PM – 5:55:00 PM");
+    });
+    test("PlainTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainTime.from({ hour: 14, minute: 22 }), until: PlainTime.from({ hour: 18, minute: 0, second: 3 }), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("14:22:00 – 18:00:03");
+    });
+    test("PlainTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: PlainTime.from({ hour: 14, minute: 22 }), until: PlainTime.from({ hour: 18, minute: 0, second: 3 }), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("2:22:00 PM – 6:00:03 PM");
+    });
+    test("ZonedDateTime de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: ZonedDateTime.from("2022-06-22T14:22[MET]"), until: ZonedDateTime.from("2022-06-22T19:22[MET]"), locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 14:22:00 GMT+2 – 19:22:00 GMT+2");
+    });
+    test("ZonedDateTime en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: ZonedDateTime.from("2022-06-22T14:22[MET]"), until: ZonedDateTime.from("2022-06-22T19:22[MET]"), locale: "en-US" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:00 PM GMT+2 – 7:22:00 PM GMT+2");
+    });
+    test("Instant de-AT", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: Instant.from("2022-06-22T14:22:11Z"), until: Instant.from("2024-01-30T08:14:32Z"), timeZone: "Europe/Vienna", locale: "de-AT" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("22.6.2022, 16:22:11 – 30.1.2024, 09:14:32");
+    });
+    test("Instant en-US", () => {
+        let element;
+        act(() => {
+            element = create(React.createElement(TemporalRangeFormat, { from: Instant.from("2022-06-22T14:22:11Z"), until: Instant.from("2024-01-30T08:14:32Z"), locale: "en-US", timeZone: "UTC" }));
+        });
+        const value = element.root.children[0];
+        expect(value).toBe("6/22/2022, 2:22:11 PM – 1/30/2024, 8:14:32 AM");
+    });
+});
+//# sourceMappingURL=TemporalRangeFormat.spec.js.map

package/esm/formats/TemporalRangeFormat.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalRangeFormat.spec.js","sourceRoot":"","sources":["../../src/formats/TemporalRangeFormat.spec.tsx"],"names":[],"mappings":"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"}

package/esm/formats/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./CompactFormat";
+export * from "./CurrencyFormat";
+export * from "./DecimalFormat";
+export * from "./DurationFormat";
+export * from "./RelativeTemporalFormat";
+export * from "./SwitchableTemporalFormat";
+export * from "./TemporalFormat";
+export * from "./TemporalRangeFormat";

package/esm/formats/index.js

@@ -0,0 +1,9 @@
+export * from "./CompactFormat";
+export * from "./CurrencyFormat";
+export * from "./DecimalFormat";
+export * from "./DurationFormat";
+export * from "./RelativeTemporalFormat";
+export * from "./SwitchableTemporalFormat";
+export * from "./TemporalFormat";
+export * from "./TemporalRangeFormat";
+//# sourceMappingURL=index.js.map

package/esm/formats/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/formats/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

package/esm/formats/types.d.ts

@@ -0,0 +1,2 @@
+export type DateStyle = "full" | "long" | "medium" | "short";
+export type TimeStyle = "full" | "long" | "medium" | "short";

package/esm/formats/types.js

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

package/esm/formats/types.js.map

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

package/esm/formats/useDateTimeFormat.d.ts

@@ -0,0 +1,2 @@
+import { DateTimeFormatOptions } from "../temporal";
+export declare function useDateTimeFormat(options?: DateTimeFormatOptions, locale?: string): import("@js-temporal/polyfill").Intl.DateTimeFormat;

package/esm/formats/useDateTimeFormat.js

@@ -0,0 +1,7 @@
+import { getSupportedFormatLocale } from "../getSupportedFormatLocale";
+import { useMemo } from "react";
+import { DateTimeFormat } from "../temporal";
+export function useDateTimeFormat(options, locale) {
+    return useMemo(() => new DateTimeFormat(locale !== null && locale !== void 0 ? locale : getSupportedFormatLocale("dateTime"), options), [options, locale]);
+}
+//# sourceMappingURL=useDateTimeFormat.js.map

package/esm/formats/useDateTimeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateTimeFormat.js","sourceRoot":"","sources":["../../src/formats/useDateTimeFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,cAAc,EAAwB,MAAM,aAAa,CAAC;AAElE,MAAM,UAAU,iBAAiB,CAAC,OAA+B,EAAE,MAAe;IAC9E,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,wBAAwB,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACzH,CAAC"}

package/esm/formats/useNumberFormat.d.ts

@@ -0,0 +1 @@
+export declare function useNumberFormat(options?: Intl.NumberFormatOptions, locale?: string): Intl.NumberFormat;

package/esm/formats/useNumberFormat.js

@@ -0,0 +1,6 @@
+import { getSupportedFormatLocale } from "../getSupportedFormatLocale";
+import { useMemo } from "react";
+export function useNumberFormat(options, locale) {
+    return useMemo(() => new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : getSupportedFormatLocale("number"), options), [options]);
+}
+//# sourceMappingURL=useNumberFormat.js.map

package/esm/formats/useNumberFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberFormat.js","sourceRoot":"","sources":["../../src/formats/useNumberFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,eAAe,CAAC,OAAkC,EAAE,MAAe;IAC/E,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAClH,CAAC"}

package/esm/formats/useRelativeTimeFormat.d.ts

@@ -0,0 +1 @@
+export declare function useRelativeTimeFormat(options?: Intl.RelativeTimeFormatOptions, locale?: string): Intl.RelativeTimeFormat;

package/esm/formats/useRelativeTimeFormat.js

@@ -0,0 +1,6 @@
+import { getSupportedFormatLocale } from "../getSupportedFormatLocale";
+import { useMemo } from "react";
+export function useRelativeTimeFormat(options, locale) {
+    return useMemo(() => new Intl.RelativeTimeFormat(locale !== null && locale !== void 0 ? locale : getSupportedFormatLocale("relativeTime"), options), [options]);
+}
+//# sourceMappingURL=useRelativeTimeFormat.js.map

package/esm/formats/useRelativeTimeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeTimeFormat.js","sourceRoot":"","sources":["../../src/formats/useRelativeTimeFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,qBAAqB,CAAC,OAAwC,EAAE,MAAe;IAC3F,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,wBAAwB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9H,CAAC"}

package/esm/forms/EditForm.d.ts

@@ -0,0 +1,13 @@
+import { CardContentProps as MuiCardContentProps, CardProps as MuiCardProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+import { Labels } from "../localization";
+interface EditFormProps {
+    loading: boolean;
+    onSave: () => Promise<any>;
+    onCancel?: () => void;
+    CardProps?: MuiCardProps;
+    CardContentProps?: MuiCardContentProps;
+    labels: Labels<"save" | "cancel">;
+}
+export declare function EditForm({ children, loading, onSave, onCancel, CardProps, CardContentProps, labels }: PropsWithChildren<EditFormProps>): JSX.Element;
+export {};

package/esm/forms/EditForm.js

@@ -0,0 +1,22 @@
+import { Button, Card, CardContent, Stack, } from "@mui/material";
+import React from "react";
+import { ErrorAlert } from "../ErrorAlert";
+import { CloseIcon } from "../icons";
+import { SubmitButton } from "./SubmitButton";
+import { useFormSubmit } from "./useFormSubmit";
+export function EditForm({ children, loading, onSave, onCancel, CardProps, CardContentProps, labels }) {
+    const { onSubmit, onChange, submitted, submitting, error } = useFormSubmit({
+        onSubmit: onSave,
+    });
+    const pending = loading || submitting;
+    return (React.createElement(Card, Object.assign({}, CardProps),
+        React.createElement("form", { onSubmit: onSubmit, onChange: onChange },
+            children,
+            error && (React.createElement(CardContent, Object.assign({}, CardContentProps),
+                React.createElement(ErrorAlert, { error: error }))),
+            React.createElement(CardContent, Object.assign({}, CardContentProps),
+                React.createElement(Stack, { direction: "row", spacing: 2 },
+                    React.createElement(SubmitButton, { variant: "outlined", disabled: pending, submitted: submitted, submitting: submitting }, labels("save")),
+                    onCancel && (React.createElement(Button, { variant: "outlined", color: "inherit", disabled: pending, startIcon: React.createElement(CloseIcon, null), onClick: onCancel }, labels("cancel"))))))));
+}
+//# sourceMappingURL=EditForm.js.map

package/esm/forms/EditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditForm.js","sourceRoot":"","sources":["../../src/forms/EditForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,IAAI,EACJ,WAAW,EAGX,KAAK,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AAEnC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAW9C,MAAM,UAAU,QAAQ,CACvB,EAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAmC;IAE5G,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC;QACxE,QAAQ,EAAE,MAAM;KAChB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,OAAO,IAAI,UAAU,CAAC;IAEtC,OAAO,CACN,oBAAC,IAAI,oBAAK,SAAS;QAClB,8BAAM,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;YAC1C,QAAQ;YACR,KAAK,IAAI,CACT,oBAAC,WAAW,oBAAK,gBAAgB;gBAChC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CACf,CACd;YACD,oBAAC,WAAW,oBAAK,gBAAgB;gBAChC,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC;oBAChC,oBAAC,YAAY,IACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,IAErB,MAAM,CAAC,MAAM,CAAC,CACD;oBACd,QAAQ,IAAI,CACZ,oBAAC,MAAM,IACN,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,oBAAC,SAAS,OAAG,EACxB,OAAO,EAAE,QAAQ,IAEhB,MAAM,CAAC,QAAQ,CAAC,CACT,CACT,CACM,CACK,CACR,CACD,CACP,CAAC;AACH,CAAC"}

package/esm/forms/SearchForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TextFieldProps } from "../Input/TextField";
+export type SearchFormProps = Omit<TextFieldProps, "value" | "onChange" | "InputProps"> & {
+    search?: string;
+    onSearch: (search: string) => void;
+};
+export declare function SearchForm(props: SearchFormProps): JSX.Element;

package/esm/forms/SearchForm.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { IconButton, InputAdornment } from "@mui/material";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { SearchIcon } from "../icons";
+import { TextField } from "../Input/TextField";
+export function SearchForm(props) {
+    const { search, onSearch } = props, rest = __rest(props, ["search", "onSearch"]);
+    const [value, setValue] = useState(search || "");
+    useEffect(() => {
+        if (search) {
+            setValue(value);
+        }
+    }, [search]);
+    function handleSubmit(e) {
+        e.preventDefault();
+        onSearch(value);
+    }
+    return (React.createElement("form", { onSubmit: handleSubmit },
+        React.createElement(TextField, Object.assign({ value: value, onChange: setValue, InputProps: {
+                endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                    React.createElement(IconButton, { type: "submit", size: "large" },
+                        React.createElement(SearchIcon, null))))
+            } }, rest))));
+}
+//# sourceMappingURL=SearchForm.js.map

package/esm/forms/SearchForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchForm.js","sourceRoot":"","sources":["../../src/forms/SearchForm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EAAC,SAAS,EAAiB,MAAM,oBAAoB,CAAC;AAO7D,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC7C,MAAM,EACF,MAAM,EACN,QAAQ,KAER,KAAK,EADF,IAAI,UACP,KAAK,EAJH,sBAIL,CAAQ,CAAC;IAGV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,YAAY,CAAC,CAAY;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACH,8BAAM,QAAQ,EAAE,YAAY;QACxB,oBAAC,SAAS,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;gBACR,YAAY,EAAE,CACV,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;oBAC1B,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO;wBAClC,oBAAC,UAAU,OAAE,CACJ,CACA,CACpB;aACJ,IACG,IAAI,EACV,CACC,CACV,CAAC;AACN,CAAC"}

package/esm/forms/SubmitButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from "@mui/material";
+import { ReactNode } from "react";
+interface SubmitButtonProps extends Omit<ButtonProps, "startIcon" | "type"> {
+    submitting: boolean;
+    submitted: boolean;
+    icon?: ReactNode;
+}
+export declare function SubmitButton(props: SubmitButtonProps): JSX.Element;
+export {};

package/esm/forms/SubmitButton.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Button, CircularProgress } from "@mui/material";
+import React, { useMemo } from "react";
+import { SaveIcon, SuccessIcon } from "../icons";
+export function SubmitButton(props) {
+    const { icon, submitted, submitting, disabled } = props, rest = __rest(props, ["icon", "submitted", "submitting", "disabled"]);
+    const dynamicIcon = useMemo(() => {
+        if (submitting) {
+            return React.createElement(CircularProgress, { size: 16, sx: { mx: 0.25 } });
+        }
+        if (submitted) {
+            return React.createElement(SuccessIcon, { fontSize: "small" });
+        }
+        return icon !== null && icon !== void 0 ? icon : React.createElement(SaveIcon, null);
+    }, [submitting, submitted]);
+    return (React.createElement(Button, Object.assign({ type: "submit", variant: "outlined", startIcon: dynamicIcon, disabled: disabled || submitting, color: submitted ? "success" : "primary" }, rest)));
+}
+//# sourceMappingURL=SubmitButton.js.map

package/esm/forms/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/forms/SubmitButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,MAAM,EAAe,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAQ/C,MAAM,UAAU,YAAY,CAAC,KAAwB;IACpD,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAAxD,+CAAgD,CAAQ,CAAC;IAE/D,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE,CAAC;YAChB,OAAO,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAAE,EAAE,IAAI,EAAC,GAAI,CAAC;QACvD,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACf,OAAO,oBAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAC;QACzC,CAAC;QACD,OAAO,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,oBAAC,QAAQ,OAAG,CAAC;IAC7B,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,OAAO,CACN,oBAAC,MAAM,kBACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACpC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}

package/esm/forms/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./EditForm";
+export * from "./SearchForm";
+export * from "./SubmitButton";
+export * from "./useFormSubmit";

package/esm/forms/index.js

@@ -0,0 +1,5 @@
+export * from "./EditForm";
+export * from "./SearchForm";
+export * from "./SubmitButton";
+export * from "./useFormSubmit";
+//# sourceMappingURL=index.js.map

package/esm/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/esm/forms/useFormSubmit.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface UseFormSubmitOptions {
+    onSubmit: () => Promise<any>;
+}
+export declare function useFormSubmit({ onSubmit }: UseFormSubmitOptions): {
+    submitting: boolean;
+    submitted: boolean;
+    error: Error | undefined;
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => Promise<void>;
+    onChange: () => void;
+};
+export {};

package/esm/forms/useFormSubmit.js

@@ -0,0 +1,28 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useAsyncCallback } from "react-async-hook";
+import { useFlag } from "../utils";
+export function useFormSubmit({ onSubmit }) {
+    const [submitted, setSubmitted, clearSubmitted] = useFlag(false);
+    const { loading: submitting, error, execute: save } = useAsyncCallback((e) => __awaiter(this, void 0, void 0, function* () {
+        e.preventDefault();
+        clearSubmitted();
+        yield onSubmit();
+        setSubmitted();
+    }));
+    return {
+        submitting,
+        submitted,
+        error,
+        onSubmit: save,
+        onChange: clearSubmitted,
+    };
+}
+//# sourceMappingURL=useFormSubmit.js.map

package/esm/forms/useFormSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmit.js","sourceRoot":"","sources":["../../src/forms/useFormSubmit.tsx"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAMjC,MAAM,UAAU,aAAa,CAAC,EAAC,QAAQ,EAAuB;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,gBAAgB,CACnE,CAAO,CAAmC,EAAE,EAAE;QAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,cAAc,EAAE,CAAC;QACjB,MAAM,QAAQ,EAAE,CAAC;QACjB,YAAY,EAAE,CAAC;IAChB,CAAC,CAAA,CACD,CAAC;IAEF,OAAO;QACN,UAAU;QACV,SAAS;QACT,KAAK;QACL,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc;KACxB,CAAC;AACH,CAAC"}

package/esm/getNavigatorLanguages.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the users preferred languages selected in the browser, or an empty array if not called in a browser context.
+ * @see navigator.languages
+ */
+export declare function getNavigatorLanguages(): readonly string[];

package/esm/getNavigatorLanguages.js

@@ -0,0 +1,11 @@
+/**
+ * Returns the users preferred languages selected in the browser, or an empty array if not called in a browser context.
+ * @see navigator.languages
+ */
+export function getNavigatorLanguages() {
+    if (typeof navigator != "undefined") {
+        return navigator.languages || [navigator.language || navigator.userLanguage];
+    }
+    return [];
+}
+//# sourceMappingURL=getNavigatorLanguages.js.map

package/esm/getNavigatorLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNavigatorLanguages.js","sourceRoot":"","sources":["../src/getNavigatorLanguages.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IACjC,IAAI,OAAO,SAAS,IAAI,WAAW,EAAE,CAAC;QAClC,OAAO,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAK,SAAiB,CAAC,YAAY,CAAC,CAAC;IAC1F,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC"}

package/esm/getSupportedFormatLocale.d.ts

@@ -0,0 +1,19 @@
+export declare const IntlFormats: {
+    readonly number: {
+        (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): Intl.NumberFormat;
+        new (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): Intl.NumberFormat;
+        supportedLocalesOf(locales: string | string[], options?: Intl.NumberFormatOptions | undefined): string[];
+        readonly prototype: Intl.NumberFormat;
+    };
+    readonly relativeTime: {
+        new (locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): Intl.RelativeTimeFormat;
+        supportedLocalesOf(locales?: string | string[] | undefined, options?: Intl.RelativeTimeFormatOptions | undefined): string[];
+    };
+    readonly dateTime: {
+        (locales?: string | string[] | undefined, options?: import("@js-temporal/polyfill").Intl.DateTimeFormatOptions | undefined): import("@js-temporal/polyfill").Intl.DateTimeFormat;
+        new (locales?: string | string[] | undefined, options?: import("@js-temporal/polyfill").Intl.DateTimeFormatOptions | undefined): import("@js-temporal/polyfill").Intl.DateTimeFormat;
+        supportedLocalesOf(locales: string | string[], options?: import("@js-temporal/polyfill").Intl.DateTimeFormatOptions | undefined): string[];
+    };
+};
+export type IntlFormat = keyof typeof IntlFormats;
+export declare function getSupportedFormatLocale(format: IntlFormat): string;

package/esm/getSupportedFormatLocale.js

@@ -0,0 +1,21 @@
+import { getNavigatorLanguages } from "./getNavigatorLanguages";
+import { DateTimeFormat } from "./temporal";
+export const IntlFormats = {
+    "number": Intl.NumberFormat,
+    "relativeTime": Intl.RelativeTimeFormat,
+    "dateTime": DateTimeFormat,
+};
+const supportedLocaleCache = {};
+export function getSupportedFormatLocale(format) {
+    var _a;
+    return (_a = supportedLocaleCache[format]) !== null && _a !== void 0 ? _a : findSupportedFormatLocale(format);
+}
+function findSupportedFormatLocale(format) {
+    var _a;
+    const formatCtor = IntlFormats[format];
+    const locale = (_a = getNavigatorLanguages()
+        .find(locale => locale == new formatCtor(locale).resolvedOptions().locale)) !== null && _a !== void 0 ? _a : "default";
+    supportedLocaleCache[format] = locale;
+    return locale;
+}
+//# sourceMappingURL=getSupportedFormatLocale.js.map

package/esm/getSupportedFormatLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSupportedFormatLocale.js","sourceRoot":"","sources":["../src/getSupportedFormatLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,QAAQ,EAAE,IAAI,CAAC,YAAY;IAC3B,cAAc,EAAE,IAAI,CAAC,kBAAkB;IACvC,UAAU,EAAE,cAAc;CACpB,CAAC;AAIX,MAAM,oBAAoB,GAAG,EAAgC,CAAC;AAE9D,MAAM,UAAU,wBAAwB,CAAC,MAAkB;;IACvD,OAAO,MAAA,oBAAoB,CAAC,MAAM,CAAC,mCAAI,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,yBAAyB,CAAC,MAAkB;;IACjD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,MAAA,qBAAqB,EAAE;SACjC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC,mCAAI,SAAS,CAAC;IAC5F,oBAAoB,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IACtC,OAAO,MAAM,CAAC;AAClB,CAAC"}