@swan-io/lake 1.6.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -27,7 +27,7 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "@swan-io/boxed": "^0.12.1",
+    "@swan-io/boxed": "^0.13.0",
     "@swan-io/chicane": "^1.3.4",
     "dayjs": "^1.11.7",
     "polished": "^4.2.2",

package/src/components/Filters.js

@@ -193,6 +193,10 @@ function FilterInput({ label, initialValue = "", noValueText, submitText, autoOp
     };
     return (_jsxs(View, { style: styles.container, children: [_jsx(FilterTag, { label: label, onPress: toggle, ref: inputRef, onPressRemove: onPressRemove, isActive: visible, value: value === "" ? noValueText : value }), _jsx(Popover, { role: "listbox", matchReferenceWidth: false, onDismiss: close, referenceRef: inputRef, returnFocus: false, visible: visible, children: _jsxs(View, { style: [styles.dropdown, styles.inputContent], children: [_jsx(Field, { name: "input", children: ({ error, value, onChange }) => (_jsx(LakeLabel, { label: label, render: id => (_jsx(LakeTextInput, { nativeID: id, error: error, style: styles.input, placeholder: placeholder, value: value, onChangeText: onChange })) })) }), _jsx(LakeButton, { size: "small", color: "current", onPress: onSubmit, children: submitText })] }) })] }));
 }
+function FilterBooleanTag({ children, onAdd, onPressRemove }) {
+    useEffect(onAdd, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx(Tag, { color: "current", onPressRemove: onPressRemove, children: children }));
+}
 const getFilterValue = (_type, filters, name) => filters[name];
 export const FiltersStack = ({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }) => {
     const previousOpened = usePreviousValue(openedFilters);
@@ -224,7 +228,9 @@ export const FiltersStack = ({ filters, openedFilters, definition, onChangeOpene
                         onChangeFilters({ ...filters, [filterName]: undefined });
                         onChangeOpened(openedFilters.filter(f => f !== filterName));
                     } })))
-                    .with({ type: "boolean" }, ({ label }) => (_jsx(Tag, { color: "current", onPressRemove: () => {
+                    .with({ type: "boolean" }, ({ label }) => (_jsx(FilterBooleanTag, { onAdd: () => {
+                        onChangeFilters({ ...filters, [filterName]: true });
+                    }, onPressRemove: () => {
                         onChangeFilters({ ...filters, [filterName]: undefined });
                         onChangeOpened(openedFilters.filter(f => f !== filterName));
                     }, children: label })))