@uniformdev/mesh-sdk-react 19.166.1 → 19.167.2-alpha.3

package/dist/index.esm.js

@@ -5136,7 +5136,7 @@ function ParameterOrSingleVariable(props) {
           editorRef ? /* @__PURE__ */ jsx42(EditorRefPlugin, { editorRef }) : null,
           /* @__PURE__ */ jsx42(ControlledValuePlugin, { enabled: true, value }),
           /* @__PURE__ */ jsxs25(HorizontalRhythm6, { align: "center", gap: "xs", css: { width: "100%" }, children: [
-            /* @__PURE__ */ jsx42("div", { css: { flex: 1 }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx42("div", { css: { flex: 1, minWidth: "0" }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx42(
               VariablesComposerInput,
               {
                 "data-text-value": value,
@@ -8998,6 +8998,23 @@ var FilterItem = ({
     ] })
   ] });
 };
+var singleValuedOperators = /* @__PURE__ */ new Set([
+  "eq",
+  "neq",
+  "lt",
+  "gt",
+  "is",
+  "!is",
+  "has",
+  "!has",
+  "startswith",
+  "!startswith",
+  "endswith",
+  "!endswith"
+]);
+var arrayValuedOperators = /* @__PURE__ */ new Set(["in", "nin", "is$", "!is$"]);
+var clearValueOnChangeAwayFromOperators = /* @__PURE__ */ new Set(["def", "ndef", "empty", "!empty", "between"]);
+var noValueOperators = /* @__PURE__ */ new Set(["empty", "!empty"]);
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
@@ -9011,14 +9028,25 @@ var FilterItems = ({
     const next = [...filters];
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
-      if (!Array.isArray(value) && ["eq", "neq", "lt", "gt"].includes(value) && Array.isArray(next[index].value)) {
+      const newOperator = value;
+      const currentValue = next[index].value;
+      if (Array.isArray(newOperator)) {
+        throw new Error("Operator value must be a single string");
+      }
+      if (singleValuedOperators.has(newOperator) && Array.isArray(currentValue)) {
         next[index].value = next[index].value[0];
       }
-      if (filters[index].operator === "ndef" || filters[index].operator === "def") {
+      if (arrayValuedOperators.has(newOperator) && Array.isArray(currentValue) === false) {
+        next[index].value = currentValue ? [currentValue] : [];
+      }
+      if (clearValueOnChangeAwayFromOperators.has(filters[index].operator)) {
+        next[index].value = "";
+      }
+      if (noValueOperators.has(newOperator)) {
         next[index].value = "";
       }
-      if (!Array.isArray(value) && ["between"].includes(value) && Array.isArray(next[index].value) === false) {
-        next[index].value = [next[index].value, ""];
+      if (newOperator === "between" && Array.isArray(currentValue) === false) {
+        next[index].value = [currentValue, ""];
       }
       if (value === "def" || value === "true") {
         next[index].value = "true";

package/dist/index.js

@@ -5334,7 +5334,7 @@ function ParameterOrSingleVariable(props) {
           editorRef ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EditorRefPlugin, { editorRef }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ControlledValuePlugin, { enabled: true, value }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_design_system23.HorizontalRhythm, { align: "center", gap: "xs", css: { width: "100%" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { css: { flex: 1 }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { css: { flex: 1, minWidth: "0" }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               VariablesComposerInput,
               {
                 "data-text-value": value,
@@ -9133,6 +9133,23 @@ var FilterItem = ({
     ] })
   ] });
 };
+var singleValuedOperators = /* @__PURE__ */ new Set([
+  "eq",
+  "neq",
+  "lt",
+  "gt",
+  "is",
+  "!is",
+  "has",
+  "!has",
+  "startswith",
+  "!startswith",
+  "endswith",
+  "!endswith"
+]);
+var arrayValuedOperators = /* @__PURE__ */ new Set(["in", "nin", "is$", "!is$"]);
+var clearValueOnChangeAwayFromOperators = /* @__PURE__ */ new Set(["def", "ndef", "empty", "!empty", "between"]);
+var noValueOperators = /* @__PURE__ */ new Set(["empty", "!empty"]);
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
@@ -9146,14 +9163,25 @@ var FilterItems = ({
     const next = [...filters];
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
-      if (!Array.isArray(value) && ["eq", "neq", "lt", "gt"].includes(value) && Array.isArray(next[index].value)) {
+      const newOperator = value;
+      const currentValue = next[index].value;
+      if (Array.isArray(newOperator)) {
+        throw new Error("Operator value must be a single string");
+      }
+      if (singleValuedOperators.has(newOperator) && Array.isArray(currentValue)) {
         next[index].value = next[index].value[0];
       }
-      if (filters[index].operator === "ndef" || filters[index].operator === "def") {
+      if (arrayValuedOperators.has(newOperator) && Array.isArray(currentValue) === false) {
+        next[index].value = currentValue ? [currentValue] : [];
+      }
+      if (clearValueOnChangeAwayFromOperators.has(filters[index].operator)) {
+        next[index].value = "";
+      }
+      if (noValueOperators.has(newOperator)) {
         next[index].value = "";
       }
-      if (!Array.isArray(value) && ["between"].includes(value) && Array.isArray(next[index].value) === false) {
-        next[index].value = [next[index].value, ""];
+      if (newOperator === "between" && Array.isArray(currentValue) === false) {
+        next[index].value = [currentValue, ""];
       }
       if (value === "def" || value === "true") {
         next[index].value = "true";

package/dist/index.mjs

@@ -5136,7 +5136,7 @@ function ParameterOrSingleVariable(props) {
           editorRef ? /* @__PURE__ */ jsx42(EditorRefPlugin, { editorRef }) : null,
           /* @__PURE__ */ jsx42(ControlledValuePlugin, { enabled: true, value }),
           /* @__PURE__ */ jsxs25(HorizontalRhythm6, { align: "center", gap: "xs", css: { width: "100%" }, children: [
-            /* @__PURE__ */ jsx42("div", { css: { flex: 1 }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx42("div", { css: { flex: 1, minWidth: "0" }, children: inputWhenNoVariables && !hadVariablesInValue ? inputWhenNoVariables : /* @__PURE__ */ jsx42(
               VariablesComposerInput,
               {
                 "data-text-value": value,
@@ -8998,6 +8998,23 @@ var FilterItem = ({
     ] })
   ] });
 };
+var singleValuedOperators = /* @__PURE__ */ new Set([
+  "eq",
+  "neq",
+  "lt",
+  "gt",
+  "is",
+  "!is",
+  "has",
+  "!has",
+  "startswith",
+  "!startswith",
+  "endswith",
+  "!endswith"
+]);
+var arrayValuedOperators = /* @__PURE__ */ new Set(["in", "nin", "is$", "!is$"]);
+var clearValueOnChangeAwayFromOperators = /* @__PURE__ */ new Set(["def", "ndef", "empty", "!empty", "between"]);
+var noValueOperators = /* @__PURE__ */ new Set(["empty", "!empty"]);
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
@@ -9011,14 +9028,25 @@ var FilterItems = ({
     const next = [...filters];
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
-      if (!Array.isArray(value) && ["eq", "neq", "lt", "gt"].includes(value) && Array.isArray(next[index].value)) {
+      const newOperator = value;
+      const currentValue = next[index].value;
+      if (Array.isArray(newOperator)) {
+        throw new Error("Operator value must be a single string");
+      }
+      if (singleValuedOperators.has(newOperator) && Array.isArray(currentValue)) {
         next[index].value = next[index].value[0];
       }
-      if (filters[index].operator === "ndef" || filters[index].operator === "def") {
+      if (arrayValuedOperators.has(newOperator) && Array.isArray(currentValue) === false) {
+        next[index].value = currentValue ? [currentValue] : [];
+      }
+      if (clearValueOnChangeAwayFromOperators.has(filters[index].operator)) {
+        next[index].value = "";
+      }
+      if (noValueOperators.has(newOperator)) {
         next[index].value = "";
       }
-      if (!Array.isArray(value) && ["between"].includes(value) && Array.isArray(next[index].value) === false) {
-        next[index].value = [next[index].value, ""];
+      if (newOperator === "between" && Array.isArray(currentValue) === false) {
+        next[index].value = [currentValue, ""];
       }
       if (value === "def" || value === "true") {
         next[index].value = "true";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.166.1",
+  "version": "19.167.2-alpha.3+d42f32a982",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,9 +50,9 @@
     "@lexical/selection": "^0.12.0",
     "@lexical/utils": "^0.12.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
-    "@uniformdev/canvas": "19.166.1",
-    "@uniformdev/design-system": "19.166.1",
-    "@uniformdev/mesh-sdk": "19.166.1",
+    "@uniformdev/canvas": "19.167.2-alpha.3+d42f32a982",
+    "@uniformdev/design-system": "19.167.2-alpha.3+d42f32a982",
+    "@uniformdev/mesh-sdk": "19.167.2-alpha.3+d42f32a982",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -61,7 +61,7 @@
     "react-use": "17.5.0",
     "timeago.js": "4.0.2",
     "uuid": "9.0.1",
-    "zod": "3.22.4"
+    "zod": "3.23.8"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.8.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d6a92d76bb91fa41a51cf27a69d81e0cc985f80f"
+  "gitHead": "d42f32a98294c96f55a29c10c7c461c5327f56f3"
 }