@homebound/beam 2.378.1 → 2.379.1

package/dist/hooks/usePersistedFilter.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePersistedFilter = usePersistedFilter;
-const react_1 = require("react");
-const hooks_1 = require("./");
-const utils_1 = require("../utils");
-const use_query_params_1 = require("use-query-params");
-/**
- * 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.
- */
-function usePersistedFilter({ storageKey, filterDefs }) {
-    const filterKeys = Object.keys(filterDefs);
-    const defaultFilter = (0, react_1.useMemo)(() => Object.fromEntries((0, utils_1.safeEntries)(filterDefs)
-        .filter(([key, def]) => def(key).defaultValue !== undefined)
-        .map(([key, def]) => [key, def(key).defaultValue])), [filterDefs]);
-    const [{ filter: queryParamsFilter }, setQueryParams] = (0, use_query_params_1.useQueryParams)({ filter: use_query_params_1.JsonParam });
-    const [storedFilter, setStoredFilter] = (0, hooks_1.useSessionStorage)(storageKey, queryParamsFilter ?? defaultFilter);
-    const isQueryParamFilterValid = hasValidFilterKeys(queryParamsFilter, filterKeys);
-    const filter = isQueryParamFilterValid ? queryParamsFilter : (storedFilter ?? defaultFilter);
-    const setFilter = (filter) => setQueryParams({ filter });
-    (0, react_1.useEffect)(() => {
-        if (queryParamsFilter === undefined) {
-            // if there is no filter in the query params, use stored filter
-            // "replaceIn" replaces the url in history instead of creating a new history item
-            // back button will go to previous url
-            setQueryParams({ filter: storedFilter }, "replaceIn");
-        }
-        else if (!isQueryParamFilterValid) {
-            // if there are invalid query params, fallback to the default filters
-            setQueryParams({ filter: defaultFilter }, "replaceIn");
-        }
-        else if (JSON.stringify(queryParamsFilter) !== JSON.stringify(storedFilter)) {
-            // if there is a valid filter in query params and its different from the
-            // current storedFilter, use query params filter
-            setStoredFilter(queryParamsFilter);
-        }
-    }, 
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [storedFilter, setStoredFilter, setQueryParams, queryParamsFilter]);
-    return { setFilter, filter };
-}
-// check for valid filter keys in the query params
-function hasValidFilterKeys(queryParamsFilter, definedKeys) {
-    return queryParamsFilter && (0, utils_1.safeKeys)(queryParamsFilter).every((key) => definedKeys.includes(key));
-}

package/dist/hooks/useQueryState.d.ts

@@ -1,11 +0,0 @@
-export type UseQueryState<V> = [V, (value: V) => void];
-/**
- * Very similar to `useState` but persists in the query string.
- *
- * It currently doesn't fallback on session storage, which maybe it should if
- * this is used for group bys, b/c that is what usePersistedFilter does.
- *
- * Also only supports string values right now.
- */
-export declare function useQueryState<V extends string = string>(name: string, initialValue: V): UseQueryState<V>;
-//# sourceMappingURL=useQueryState.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useQueryState.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueryState.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAEvD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAKxG"}

package/dist/hooks/useQueryState.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQueryState = useQueryState;
-const react_1 = require("react");
-const use_query_params_1 = require("use-query-params");
-/**
- * Very similar to `useState` but persists in the query string.
- *
- * It currently doesn't fallback on session storage, which maybe it should if
- * this is used for group bys, b/c that is what usePersistedFilter does.
- *
- * Also only supports string values right now.
- */
-function useQueryState(name, initialValue) {
-    const [params, setParams] = (0, use_query_params_1.useQueryParams)({ [name]: use_query_params_1.StringParam });
-    const value = params[name] || initialValue;
-    const setValue = (0, react_1.useCallback)((value) => setParams({ [name]: value }, "pushIn"), [name, setParams]);
-    return [value, setValue];
-}

package/dist/hooks/useRenderCount.d.ts

@@ -1,18 +0,0 @@
-/**
- * A hook to add `data-render=${count}` to an element.
- *
- * This will output even in production mode, which in theory is not necessary
- * and we could/should avoid, but it should also be np.
- *
- * The intent is to leave it "always on" for dev & tests, so that engineers
- * and test suites can very easily grab "what was the render count of that?"
- * w/o bringing in one-off modes/tools.
- *
- * (One-off modes/tools are more appropriate for truly adhoc performance
- * but the intent is to use this in GridTable where "what's the render count?"
- * will be a common question.)
- */
-export declare function useRenderCount(): {
-    getCount: (id: string) => object;
-};
-//# sourceMappingURL=useRenderCount.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRenderCount.d.ts","sourceRoot":"","sources":["../../src/hooks/useRenderCount.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,IAAI;IAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAQrE"}

package/dist/hooks/useRenderCount.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRenderCount = useRenderCount;
-const react_1 = require("react");
-/**
- * A hook to add `data-render=${count}` to an element.
- *
- * This will output even in production mode, which in theory is not necessary
- * and we could/should avoid, but it should also be np.
- *
- * The intent is to leave it "always on" for dev & tests, so that engineers
- * and test suites can very easily grab "what was the render count of that?"
- * w/o bringing in one-off modes/tools.
- *
- * (One-off modes/tools are more appropriate for truly adhoc performance
- * but the intent is to use this in GridTable where "what's the render count?"
- * will be a common question.)
- */
-function useRenderCount() {
-    const ref = (0, react_1.useRef)(new Map());
-    const getCount = (0, react_1.useCallback)((id) => {
-        const count = ref.current.get(id) || 1;
-        ref.current.set(id, count + 1);
-        return { "data-render": count };
-    }, []);
-    return { getCount };
-}

package/dist/hooks/useSessionStorage.d.ts

@@ -1,4 +0,0 @@
-type UseSessionStorage<T> = [T, (value: T) => void];
-export declare function useSessionStorage<T>(key: string, defaultValue: T): UseSessionStorage<T>;
-export {};
-//# sourceMappingURL=useSessionStorage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAEpD,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CA+BvF"}

package/dist/hooks/useSessionStorage.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSessionStorage = useSessionStorage;
-const react_1 = require("react");
-function useSessionStorage(key, defaultValue) {
-    let hasSessionStorage = false;
-    try {
-        hasSessionStorage = !!window.sessionStorage;
-    }
-    catch (e) {
-        // Catch errors if browser storage access is denied
-    }
-    const [state, setState] = (0, react_1.useState)(() => {
-        if (!hasSessionStorage) {
-            return defaultValue;
-        }
-        const parsed = getParsedStorage(key);
-        if (parsed) {
-            return parsed;
-        }
-        sessionStorage.setItem(key, JSON.stringify(defaultValue));
-        return defaultValue;
-    });
-    const setAndSave = (0, react_1.useCallback)((value) => {
-        if (hasSessionStorage && value) {
-            sessionStorage.setItem(key, JSON.stringify(value));
-        }
-        setState(value);
-    }, [hasSessionStorage, key]);
-    return [state, setAndSave];
-}
-function getParsedStorage(key) {
-    try {
-        const storedString = sessionStorage.getItem(key);
-        return storedString && JSON.parse(storedString);
-    }
-    catch (e) {
-        sessionStorage.removeItem(key);
-    }
-}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,OAAO,CAAC;AACtB,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1E,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/inputs/Autocomplete.d.ts

@@ -1,30 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-import { TextFieldBaseProps } from "./TextFieldBase";
-import { Value } from "./Value";
-export interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle">, Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth"> {
-    onSelect: (item: T) => void;
-    /** A function that returns how to render the an option in the menu. If not set, `getOptionLabel` will be used */
-    getOptionMenuLabel?: (o: T) => ReactNode;
-    /** A function that returns the string value of the option. Used for accessibility purposes */
-    getOptionLabel: (o: T) => string;
-    /** A function that returns a unique key for an option */
-    getOptionValue: (o: T) => string;
-    /** Called when the input value changes */
-    onInputChange: (value: string | undefined) => void;
-    /** The current value of the input */
-    value: string | undefined;
-    /** The list of options to choose from */
-    options: T[];
-    /** The placeholder text to show when the input is empty */
-    placeholder?: string;
-    /** Whether the input is disabled */
-    disabled?: boolean;
-    /** A list of options that are disabled. Can be either the option itself or an object with the option and a reason why it is disabled */
-    disabledOptions?: (Value | {
-        value: Value;
-        reason: string;
-    })[];
-}
-export declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/inputs/Autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/inputs/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAU,MAAM,OAAO,CAAC;AAK/C,OAAO,EAAE,sBAAsB,EAAE,0CAA2C;AAG5E,OAAO,EAAiB,kBAAkB,EAAE,wBAAiC;AAC7E,OAAO,EAAE,KAAK,EAAc,gBAAyB;AAErD,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC,EAChD,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,gBAAgB,GAAG,WAAW,CAAC;IACvF,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,iHAAiH;IACjH,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACzC,8FAA8F;IAC9F,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,yDAAyD;IACzD,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,0CAA0C;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,qCAAqC;IACrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,yCAAyC;IACzC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wIAAwI;IACxI,eAAe,CAAC,EAAE,CAAC,KAAK,GAAG;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;CAChE;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,oDA4GzE"}

package/dist/inputs/Autocomplete.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = Autocomplete;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const components_1 = require("../components");
-const internal_1 = require("../components/internal");
-const ComboBoxBase_1 = require("./internal/ComboBoxBase");
-const ListBox_1 = require("./internal/ListBox");
-const TextFieldBase_1 = require("./TextFieldBase");
-const Value_1 = require("./Value");
-function Autocomplete(props) {
-    const { onSelect, getOptionLabel, getOptionValue, getOptionMenuLabel, onInputChange, value = "", options, disabled, disabledOptions, ...others } = props;
-    const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(ComboBoxBase_1.disabledOptionToKeyedTuple) ?? []);
-    const comboBoxProps = {
-        isDisabled: !!disabled,
-        disabledKeys: Object.keys(disabledOptionsWithReasons),
-        onInputChange: onInputChange,
-        inputValue: value,
-        items: options,
-        // Allow the user to type in a value that is not in the list. Allows for the text to stay in the input when the user clicks away
-        allowsCustomValue: true,
-        children: (item) => ((0, jsx_runtime_1.jsx)(react_stately_1.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item))),
-        onSelectionChange: (key) => {
-            const selectedItem = options.find((i) => getOptionValue(i) === key);
-            if (selectedItem) {
-                onInputChange(getOptionLabel(selectedItem));
-                onSelect(selectedItem);
-            }
-        },
-        ...others,
-    };
-    const state = (0, react_stately_1.useComboBoxState)(comboBoxProps);
-    const inputWrapRef = (0, react_1.useRef)(null);
-    const inputRef = (0, react_1.useRef)(null);
-    const listBoxRef = (0, react_1.useRef)(null);
-    const popoverRef = (0, react_1.useRef)(null);
-    const { inputProps, listBoxProps, labelProps } = (0, react_aria_1.useComboBox)({
-        ...comboBoxProps,
-        inputRef,
-        listBoxRef,
-        popoverRef,
-        // When the input is focused and there are options, open the menu
-        onFocus: () => options.length > 0 && state.open(),
-    }, state);
-    // useOverlayPosition moves the overlay to the top of the DOM to avoid any z-index issues. Uses the `targetRef` to DOM placement
-    const { overlayProps: positionProps } = (0, react_aria_1.useOverlayPosition)({
-        targetRef: inputWrapRef,
-        overlayRef: popoverRef,
-        scrollRef: listBoxRef,
-        isOpen: state.isOpen,
-        onClose: state.close,
-        placement: "bottom left",
-    });
-    positionProps.style = {
-        ...positionProps.style,
-        width: inputWrapRef?.current?.clientWidth,
-        // Ensures the menu never gets too small.
-        minWidth: 200,
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { inputRef: inputRef, inputWrapRef: inputWrapRef, inputProps: inputProps, labelProps: labelProps, onChange: onInputChange, clearable: true, 
-                // Respect if caller to passes in `startAdornment={undefined}`
-                startAdornment: "startAdornment" in props ? props.startAdornment : (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "search" }), ...others }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: inputRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, minWidth: 200, children: (0, jsx_runtime_1.jsx)(ListBox_1.ListBox, { ...listBoxProps, positionProps: positionProps, state: state, listBoxRef: listBoxRef, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), getOptionLabel: getOptionLabel, disabledOptionsWithReasons: disabledOptionsWithReasons }) }))] }));
-}

package/dist/inputs/Checkbox.d.ts

@@ -1,24 +0,0 @@
-import { ReactNode } from "react";
-export interface CheckboxProps {
-    label: string;
-    /** If false this will be wrap in a div element instead of the label
-     * Expects implementer to wrap within a label element to work properly
-     * @default true
-     */
-    withLabelElement?: boolean;
-    checkboxOnly?: boolean;
-    selected: boolean | "indeterminate";
-    /** Handler that is called when the element's selection state changes. */
-    onChange: (selected: boolean) => void;
-    /** Additional text displayed below label */
-    description?: string;
-    disabled?: boolean;
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    /** Callback fired when focus removes from the component */
-    onBlur?: () => void;
-    /** Callback fired when focus is set to the component */
-    onFocus?: () => void;
-}
-export declare function Checkbox(props: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/inputs/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,yEAAyE;IACzE,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAsB5C"}

package/dist/inputs/Checkbox.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = Checkbox;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const CheckboxBase_1 = require("./CheckboxBase");
-function Checkbox(props) {
-    const { label, disabled: isDisabled = false, selected, ...otherProps } = props;
-    // Treat indeterminate as false so that clicking on indeterminate always goes --> true.
-    const isSelected = selected === true;
-    const isIndeterminate = selected === "indeterminate";
-    const ariaProps = { isSelected, isDisabled, isIndeterminate, ...otherProps };
-    const checkboxProps = { ...ariaProps, "aria-label": label };
-    const ref = (0, react_1.useRef)(null);
-    const toggleState = (0, react_stately_1.useToggleState)(ariaProps);
-    const { inputProps } = (0, react_aria_1.useCheckbox)(checkboxProps, toggleState, ref);
-    return ((0, jsx_runtime_1.jsx)(CheckboxBase_1.CheckboxBase, { ariaProps: ariaProps, isDisabled: isDisabled, isIndeterminate: isIndeterminate, isSelected: isSelected, inputProps: inputProps, label: label, ...otherProps }));
-}

package/dist/inputs/CheckboxBase.d.ts

@@ -1,37 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from "react";
-import { BeamFocusableProps } from "../interfaces";
-interface CheckboxAriaProps {
-    description?: string | undefined;
-    onChange?: (selected: boolean) => void;
-    autoFocus?: boolean | undefined;
-    isSelected: boolean | undefined;
-    isDisabled: boolean;
-    isIndeterminate: boolean;
-}
-export interface CheckboxBaseProps extends BeamFocusableProps {
-    ariaProps: CheckboxAriaProps;
-    description?: string;
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
-    inputProps: InputHTMLAttributes<HTMLInputElement>;
-    isSelected?: boolean;
-    label: string;
-    checkboxOnly?: boolean;
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    /** If false this will be wrap in a div element instead of the label
-     * Expects implementer to wrap within a label element to work properly
-     * @default true
-     */
-    withLabelElement?: boolean;
-}
-export declare function CheckboxBase(props: CheckboxBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
-interface StyledCheckboxProps {
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
-    isSelected?: boolean;
-    isFocusVisible?: boolean;
-}
-export declare function StyledCheckbox(props: StyledCheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CheckboxBase.d.ts.map

package/dist/inputs/CheckboxBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxBase.d.ts","sourceRoot":"","sources":["../../src/inputs/CheckboxBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,kBAAkB,EAAE,sBAAuB;AAIpD,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B;AACD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,EAAE,iBAAiB,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDAiDpD;AAcD,UAAU,mBAAmB;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAyBxD"}

package/dist/inputs/CheckboxBase.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxBase = CheckboxBase;
-exports.StyledCheckbox = StyledCheckbox;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const HelperText_1 = require("../components/HelperText");
-const Css_1 = require("../Css");
-const ErrorMessage_1 = require("./ErrorMessage");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-function CheckboxBase(props) {
-    const { ariaProps, description, isDisabled = false, isIndeterminate = false, inputProps, label, errorMsg, helperText, checkboxOnly = false, withLabelElement = true, } = props;
-    const ref = (0, react_1.useRef)(null);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)(ariaProps);
-    const tid = (0, utils_1.useTestIds)(props, (0, defaultTestId_1.defaultTestId)(label));
-    const Tag = withLabelElement ? "label" : "div";
-    return ((0, jsx_runtime_1.jsxs)(Tag, { css: Css_1.Css.df.cursorPointer.relative
-            // Prevents accidental checkbox clicks due to label width being longer
-            // than the content.
-            .w("max-content")
-            .maxw((0, Css_1.px)(320))
-            .if(description !== undefined)
-            .maxw((0, Css_1.px)(344))
-            .if(isDisabled).cursorNotAllowed.$, "aria-label": label, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...(0, react_aria_1.mergeProps)(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }), (0, jsx_runtime_1.jsx)(StyledCheckbox, { ...props, isFocusVisible: isFocusVisible, ...tid }), !checkboxOnly && (
-            // Use a mtPx(-2) to better align the label with the checkbox.
-            // Not using align-items: center as the checkbox would align with all content below, where we really want it to stay only aligned with the label
-            (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.ml1.mtPx(-2).$, children: [label && (0, jsx_runtime_1.jsx)("div", { css: { ...labelStyles, ...(isDisabled && disabledColor) }, children: label }), description && (0, jsx_runtime_1.jsx)("div", { css: { ...descStyles, ...(isDisabled && disabledColor) }, children: description }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }));
-}
-const baseStyles = Css_1.Css.hPx(16).mw((0, Css_1.px)(16)).relative.ba.bcGray300.br4.bgWhite.transition.$;
-const filledBoxStyles = Css_1.Css.bcBlue700.bgBlue700.$;
-const filledBoxHoverStyles = Css_1.Css.bgBlue900.$;
-const disabledBoxStyles = Css_1.Css.bgGray50.bcGray100.$;
-const disabledSelectedBoxStyles = Css_1.Css.bgGray400.bcGray400.$;
-const disabledColor = Css_1.Css.gray300.$;
-const focusRingStyles = Css_1.Css.bshFocus.$;
-const hoverBorderStyles = Css_1.Css.bcBlue900.$;
-const markStyles = { svg: Css_1.Css.absolute.topPx(-1).leftPx(-1).$ };
-const labelStyles = Css_1.Css.smMd.$;
-const descStyles = Css_1.Css.sm.gray700.$;
-function StyledCheckbox(props) {
-    const { isDisabled = false, isIndeterminate = false, isSelected, isFocusVisible } = props;
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    const markIcon = isIndeterminate ? dashSmall : isSelected ? checkmarkSmall : "";
-    const tid = (0, utils_1.useTestIds)(props);
-    return ((0, jsx_runtime_1.jsx)("span", { ...hoverProps, css: {
-            ...baseStyles,
-            ...(((isSelected && !isDisabled) || isIndeterminate) && filledBoxStyles),
-            ...(((isSelected && !isDisabled) || isIndeterminate) && isHovered && filledBoxHoverStyles),
-            ...(isDisabled && disabledBoxStyles),
-            ...(isDisabled && isSelected && disabledSelectedBoxStyles),
-            ...(isFocusVisible && focusRingStyles),
-            ...(isHovered && hoverBorderStyles),
-            ...markStyles,
-        }, "aria-hidden": "true", "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false, ...tid.checkbox, children: markIcon }));
-}
-const checkmarkSmall = ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z", fill: Css_1.Palette.White }) }));
-const dashSmall = ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", children: (0, jsx_runtime_1.jsx)("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: Css_1.Palette.White }) }));

package/dist/inputs/CheckboxGroup.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-export interface CheckboxGroupItemOption {
-    /** Additional text displayed below label */
-    description?: string;
-    disabled?: boolean;
-    label: string;
-    /** The value of the CheckboxGroup item, stored in value array in state. */
-    value: string;
-}
-export interface CheckboxGroupProps extends Pick<PresentationFieldProps, "labelStyle"> {
-    label: string;
-    /** Called when a checkbox is selected or deselected */
-    onChange: (values: string[]) => void;
-    /** Options for the checkboxes contained within the CheckboxGroup. */
-    options: CheckboxGroupItemOption[];
-    /** The values currently selected. */
-    values: string[];
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    /** Called when the component loses focus */
-    onBlur?: () => void;
-    /** Called when the component is in focus */
-    onFocus?: () => void;
-    /** Number of columns to display checkboxes */
-    columns?: number;
-}
-export declare function CheckboxGroup(props: CheckboxGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/inputs/CheckboxGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AAMpG,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,qCAAqC;IACrC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAuCtD"}

package/dist/inputs/CheckboxGroup.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = CheckboxGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const HelperText_1 = require("../components/HelperText");
-const Label_1 = require("../components/Label");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Css_1 = require("../Css");
-const CheckboxBase_1 = require("./CheckboxBase");
-const ErrorMessage_1 = require("./ErrorMessage");
-const utils_1 = require("../utils");
-function CheckboxGroup(props) {
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { options, label, labelStyle = fieldProps?.labelStyle ?? "above", values, errorMsg, helperText, onBlur, onFocus, columns = 1, } = props;
-    const state = (0, react_stately_1.useCheckboxGroupState)({ ...props, value: values });
-    const { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
-    const tid = (0, utils_1.useTestIds)(props);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, css: Css_1.Css.if(labelStyle === "left").df.fdr.$, onBlur: onBlur, onFocus: onFocus, ...tid, children: [labelStyle !== "hidden" && ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.if(labelStyle === "left").w50.$, children: (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label, ...labelProps, ...tid.label }) })), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.dg.gtc(`repeat(${columns}, auto)`).gap2.$, children: options.map((option) => ((0, jsx_runtime_1.jsx)(CheckboxGroupItem, { ...option, groupState: state, selected: state.value.includes(option.value) }, option.value))) }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }));
-}
-function CheckboxGroupItem(props) {
-    const { label, indeterminate: isIndeterminate = false, disabled: isDisabled = false, description, selected: isSelected, groupState, value = "", ...otherProps } = props;
-    const ariaProps = { isSelected, isDisabled, isIndeterminate, value, ...otherProps };
-    const checkboxProps = { ...ariaProps, "aria-label": label };
-    const ref = (0, react_1.useRef)(null);
-    const { inputProps } = (0, react_aria_1.useCheckboxGroupItem)(checkboxProps, groupState, ref);
-    return ((0, jsx_runtime_1.jsx)(CheckboxBase_1.CheckboxBase, { ariaProps: ariaProps, description: description, isDisabled: isDisabled, isIndeterminate: isIndeterminate, isSelected: isSelected, inputProps: inputProps, label: label, ...otherProps }));
-}

package/dist/inputs/ChipSelectField.d.ts

@@ -1,34 +0,0 @@
-import { Key, ReactNode } from "react";
-import { Value } from "./Value";
-import { HasIdAndName, Optional } from "../types";
-export interface ChipSelectFieldProps<O, V extends Value> {
-    label: string;
-    value: V;
-    options: O[];
-    placeholder?: string;
-    onSelect: (value: V, opt: O | undefined) => void;
-    getOptionValue: (opt: O) => V;
-    getOptionLabel: (opt: O) => string;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    clearable?: boolean;
-    onCreateNew?: (value: string) => Promise<void>;
-    disabled?: boolean | ReactNode;
-}
-export declare function ChipSelectField<O, V extends Value>(props: ChipSelectFieldProps<O, V>): JSX.Element;
-export declare function ChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<ChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
-export declare const persistentItemPrefix = "persistentItem:";
-type PersistentItem = {
-    id: string;
-    name: string;
-};
-export declare function isPersistentItem<T extends PersistentItem>(opt: any): opt is PersistentItem;
-export declare function isPersistentKey(key: Key): boolean;
-type ListBoxSection<O> = {
-    title: string;
-    options: O[];
-    isPersistent?: boolean;
-};
-export declare function isListBoxSection<O>(obj: O | ListBoxSection<O>): obj is ListBoxSection<O>;
-export {};
-//# sourceMappingURL=ChipSelectField.d.ts.map

package/dist/inputs/ChipSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSelectField.d.ts","sourceRoot":"","sources":["../../src/inputs/ChipSelectField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAW7E,OAAO,EAAE,KAAK,EAAc,gBAAyB;AACrD,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAkB;AAInD,MAAM,WAAW,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACpG,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,EACxE,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GAC/E,GAAG,CAAC,OAAO,CAAC;AA4Qf,eAAO,MAAM,oBAAoB,oBAAoB,CAAC;AACtD,KAAK,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAMnD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,IAAI,cAAc,CAE1F;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAEjD;AAED,KAAK,cAAc,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,CAAC,EAAE,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACjF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,CAExF"}