@homebound/beam 2.229.0 → 2.230.0

package/dist/components/Filters/CheckboxFilter.d.ts

@@ -0,0 +1,19 @@
+import { Filter } from "./types";
+export type CheckboxFilterProps<V> = {
+    label?: string;
+    onValue?: V | undefined;
+    offValue?: V | undefined;
+    defaultValue?: V | undefined;
+};
+/**
+ * Provides a two-state "on/off" filter.
+ *
+ * By default the on/off values are `on === true` and `off === undefined`.
+ *
+ * You can flip the on/off values by passing `onValue: false`, in which case
+ * `on === false` and off === undefined`.
+ *
+ * Or you can set on/off directly, by passing both `onValue` and `offValue`, even to
+ * non-boolean values, i.e. `onValue: "foo", offValue: "bar"`.
+ */
+export declare function checkboxFilter<V = boolean>(props: CheckboxFilterProps<V>): (key: string) => Filter<V>;

package/dist/components/Filters/CheckboxFilter.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxFilter = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const BaseFilter_1 = require("./BaseFilter");
+const inputs_1 = require("../../inputs");
+/**
+ * Provides a two-state "on/off" filter.
+ *
+ * By default the on/off values are `on === true` and `off === undefined`.
+ *
+ * You can flip the on/off values by passing `onValue: false`, in which case
+ * `on === false` and off === undefined`.
+ *
+ * Or you can set on/off directly, by passing both `onValue` and `offValue`, even to
+ * non-boolean values, i.e. `onValue: "foo", offValue: "bar"`.
+ */
+function checkboxFilter(props) {
+    return (key) => new CheckboxFilter(key, {
+        // If the user has set the offValue, that should be the default b/c we're only a two-state
+        defaultValue: props.offValue,
+        ...props,
+    });
+}
+exports.checkboxFilter = checkboxFilter;
+class CheckboxFilter extends BaseFilter_1.BaseFilter {
+    render(value, setValue, tid, inModal, vertical) {
+        const { defaultValue, onValue = true, offValue = undefined, ...props } = this.props;
+        return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { ...props, selected: value === undefined ? false : value === onValue, label: this.label, onChange: (on) => {
+                setValue(on ? onValue : offValue);
+            }, ...this.testId(tid) }));
+    }
+    get hideLabelInModal() {
+        return true;
+    }
+}

package/dist/components/Filters/testDomain.d.ts

@@ -28,6 +28,7 @@ export type Project = {
     status: Status;
     isTest: boolean;
     doNotUse: boolean;
+    isStale: boolean;
 };
 export type ProjectFilter = {
     marketId?: string[] | null;
@@ -41,6 +42,7 @@ export type ProjectFilter = {
     date?: DateFilterValue<string>;
     dateRange?: DateRangeFilterValue<string>;
     numberRange?: NumberRangeFilterValue;
+    isStale?: boolean | null;
 };
 export type StageFilter = NonNullable<FilterDefs<ProjectFilter>["stage"]>;
 export type StageSingleFilter = NonNullable<FilterDefs<ProjectFilter>["stageSingle"]>;

package/dist/inputs/TextFieldBase.js

@@ -38,7 +38,7 @@ function TextFieldBase(props) {
             ? [Css_1.Palette.Gray100, Css_1.Palette.Gray200, Css_1.Palette.Gray200]
             : [Css_1.Palette.White, Css_1.Palette.Gray100, Css_1.Palette.Gray100];
     const fieldStyles = {
-        container: Css_1.Css.df.fdc.w100.maxw((0, Css_1.px)(550)).relative.if(labelStyle === "left").fdr.gap2.jcsb.aic.$,
+        container: Css_1.Css.df.fdc.w100.maxw((0, Css_1.px)(550)).relative.if(labelStyle === "left").maxw100.fdr.gap2.jcsb.aic.$,
         inputWrapper: {
             ...Css_1.Css[typeScale].df.aic.br4.px1.w100
                 .hPx(fieldHeight - maybeSmaller)
@@ -46,7 +46,7 @@ function TextFieldBase(props) {
                 .hPx(compactFieldHeight - maybeSmaller).$,
             ...Css_1.Css.bgColor(bgColor)
                 .gray900.if(contrast)
-                .white.if(labelStyle === "left").maxw50.$,
+                .white.if(labelStyle === "left").w50.$,
             // When borderless then perceived vertical alignments are misaligned. As there is no longer a border, then the field looks oddly indented.
             // This typically happens in tables when a column has a mix of static text (i.e. "roll up" rows and table headers) and input fields.
             // To remedy this perceived misalignment then we increase the width by the horizontal padding applied (16px), and set a negative margin left margin to re-center the field.

package/dist/inputs/internal/SelectFieldBase.js

@@ -247,7 +247,7 @@ function SelectFieldBase(props) {
         // Ensures the menu never gets too small.
         minWidth: 200,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdc.w100.maxw((0, Css_1.px)(550)).$, ref: comboBoxRef, children: [(0, jsx_runtime_1.jsx)(SelectFieldInput_1.SelectFieldInput, { ...otherProps, buttonProps: buttonProps, buttonRef: triggerRef, inputProps: inputProps, inputRef: inputRef, inputWrapRef: inputWrapRef, state: state, labelProps: labelProps, selectedOptions: fieldState.selectedOptions, getOptionValue: getOptionValue, getOptionLabel: getOptionLabel, contrast: contrast, nothingSelectedText: nothingSelectedText, borderless: borderless, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), resetField: resetField }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: triggerRef, 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, selectedOptions: fieldState.selectedOptions, getOptionLabel: getOptionLabel, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), contrast: contrast, loading: fieldState.optionsLoading, disabledOptionsWithReasons: disabledOptionsWithReasons }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdc.w100.maxw((0, Css_1.px)(550)).if(otherProps.labelStyle === "left").maxw100.$, ref: comboBoxRef, children: [(0, jsx_runtime_1.jsx)(SelectFieldInput_1.SelectFieldInput, { ...otherProps, buttonProps: buttonProps, buttonRef: triggerRef, inputProps: inputProps, inputRef: inputRef, inputWrapRef: inputWrapRef, state: state, labelProps: labelProps, selectedOptions: fieldState.selectedOptions, getOptionValue: getOptionValue, getOptionLabel: getOptionLabel, contrast: contrast, nothingSelectedText: nothingSelectedText, borderless: borderless, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), resetField: resetField }), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: triggerRef, 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, selectedOptions: fieldState.selectedOptions, getOptionLabel: getOptionLabel, getOptionValue: (o) => (0, Value_1.valueToKey)(getOptionValue(o)), contrast: contrast, loading: fieldState.optionsLoading, disabledOptionsWithReasons: disabledOptionsWithReasons }) }))] }));
 }
 exports.SelectFieldBase = SelectFieldBase;
 function getInputValue(selectedOptions, getOptionLabel, multiselect, nothingSelectedText) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.229.0",
+  "version": "2.230.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",