@vuu-ui/vuu-data-react 3.5.2 → 3.5.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.2",
+  "version": "3.5.3",
   "main": "./src/index.js",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -10,21 +10,21 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "3.5.2",
-    "@vuu-ui/vuu-filter-types": "3.5.2",
-    "@vuu-ui/vuu-protocol-types": "3.5.2",
-    "@vuu-ui/vuu-table-types": "3.5.2"
+    "@vuu-ui/vuu-data-types": "3.5.3",
+    "@vuu-ui/vuu-filter-types": "3.5.3",
+    "@vuu-ui/vuu-protocol-types": "3.5.3",
+    "@vuu-ui/vuu-table-types": "3.5.3"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "3.5.2",
-    "@vuu-ui/vuu-data-remote": "3.5.2",
-    "@vuu-ui/vuu-filter-parser": "3.5.2",
-    "@vuu-ui/vuu-filters": "3.5.2",
-    "@vuu-ui/vuu-layout": "3.5.2",
-    "@vuu-ui/vuu-notifications": "3.5.2",
-    "@vuu-ui/vuu-ui-controls": "3.5.2",
-    "@vuu-ui/vuu-utils": "3.5.2",
-    "@vuu-ui/vuu-table": "3.5.2",
+    "@vuu-ui/vuu-context-menu": "3.5.3",
+    "@vuu-ui/vuu-data-remote": "3.5.3",
+    "@vuu-ui/vuu-filter-parser": "3.5.3",
+    "@vuu-ui/vuu-filters": "3.5.3",
+    "@vuu-ui/vuu-layout": "3.5.3",
+    "@vuu-ui/vuu-notifications": "3.5.3",
+    "@vuu-ui/vuu-ui-controls": "3.5.3",
+    "@vuu-ui/vuu-utils": "3.5.3",
+    "@vuu-ui/vuu-table": "3.5.3",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

package/src/data-editing/get-data-item-edit-control.js

@@ -21,6 +21,10 @@ function toTimeString(value, timestamp, { timeZone }, milliseconds = false) {
         if (isValidTimeString(timeString)) return timeString;
     }
 }
+const BOOLEAN_TOGGLE_VALUES = [
+    true,
+    false
+];
 const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation = "update", errorMessage, labels, onCommit, table, values, variant })=>{
     const dataVariant = variant && "toggle" !== variant ? variant : void 0;
     const temporalInfo = getTemporalInfo(dataDescriptor);
@@ -82,6 +86,16 @@ const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitO
             "data-edit-control": true
         });
     }
+    if ("toggle" === variant && "boolean" === dataDescriptor.serverDataType) return /*#__PURE__*/ jsx(ToggleFilter, {
+        className: className,
+        column: dataDescriptor.name,
+        "data-edit-control": true,
+        labels: labels,
+        onCommit: onCommit,
+        table: table,
+        values: values?.length ? values : BOOLEAN_TOGGLE_VALUES,
+        value: InputProps?.inputProps?.value ?? "all"
+    });
     if ("string" === dataDescriptor.serverDataType && table) if ("toggle" === variant && values?.length) return /*#__PURE__*/ jsx(ToggleFilter, {
         className: className,
         column: dataDescriptor.name,

package/types/data-editing/get-data-item-edit-control.d.ts

@@ -2,6 +2,7 @@ import type { DataValueDescriptor, TableSchemaTable } from "@vuu-ui/vuu-data-typ
 import { type VuuTypeaheadInputProps } from "@vuu-ui/vuu-ui-controls";
 import { type CommitHandler } from "@vuu-ui/vuu-utils";
 import type { InputProps } from "@salt-ds/core";
+import { type ToggleFilterValue } from "@vuu-ui/vuu-filters";
 /**
  * variant can be used to provide a rendering hint to the filter control rendered.
  * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices
@@ -33,9 +34,10 @@ export interface DataItemEditControlProps {
      * They will be validated against server with Typeahead service, so
      * unavailable options are not offered.
      * Recommended for toggle filters, not usually necessary for other
-     * filter variants.
+     * filter variants. Boolean values are supported for toggle filters on
+     * boolean columns, where values default to [true, false].
      */
-    values?: string[];
+    values?: ToggleFilterValue[];
     variant?: FilterControlVariant;
 }
 export type ValidationStatus = "initial" | true | string;