@uniformdev/mesh-sdk-react 20.74.6-alpha.5 → 20.74.6-alpha.7.sha-23d7a1d929

package/dist/index.esm.js

@@ -504,7 +504,7 @@ function serializeRecursive(node, buffer) {
 }
 
 // src/components/Variables/util/setVariablesEditorValue.ts
-import { emptyRichTextValue } from "@uniformdev/richtext";
+import { emptyRichTextValue, rehydrateDefaultRichTextProperties } from "@uniformdev/richtext";
 
 // src/components/Variables/util/deserializeVariablesEditorState.ts
 import { parseVariableExpression } from "@uniformdev/canvas";
@@ -576,7 +576,7 @@ function setVariablesEditorValue(editor, newValue, tag) {
     });
   } else {
     try {
-      const parsedState = editor.parseEditorState(newValue);
+      const parsedState = editor.parseEditorState(rehydrateDefaultRichTextProperties(newValue));
       editor.setEditorState(parsedState.clone(null), {
         tag
       });
@@ -1907,7 +1907,7 @@ function PasteTransformerPlugin({ transformPaste }) {
         (event) => {
           var _a;
           const selection = $getSelection3();
-          const pastedText = (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain");
+          const pastedText = event instanceof ClipboardEvent ? (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain") : void 0;
           if (pastedText && transformPaste && $isRangeSelection2(selection)) {
             const result = transformPaste(pastedText);
             if (result !== void 0) {
@@ -6426,6 +6426,10 @@ var ConditionalInputRow = css22`
 var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = css22`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = css22`
   && {
     max-height: 40px;
@@ -7101,6 +7105,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx77("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ jsx77("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7430,11 +7438,10 @@ var FilterItems = ({
 import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
+import { Button as Button5, Callout as Callout5, Paragraph } from "@uniformdev/design-system";
 import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7482,29 +7489,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
-    /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
-      /* @__PURE__ */ jsxs37("span", { children: [
-        totalResults,
-        " results ",
-        searchTerm ? `for "${searchTerm}"` : null
-      ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx80(
-        Button5,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsx80(Fragment15, { children: totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
+    calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
+    hideClearButton ? null : /* @__PURE__ */ jsx80(
+      Button5,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/dist/index.js

@@ -759,7 +759,7 @@ function setVariablesEditorValue(editor, newValue, tag) {
     });
   } else {
     try {
-      const parsedState = editor.parseEditorState(newValue);
+      const parsedState = editor.parseEditorState((0, import_richtext.rehydrateDefaultRichTextProperties)(newValue));
       editor.setEditorState(parsedState.clone(null), {
         tag
       });
@@ -2054,7 +2054,7 @@ function PasteTransformerPlugin({ transformPaste }) {
         (event) => {
           var _a;
           const selection = (0, import_lexical6.$getSelection)();
-          const pastedText = (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain");
+          const pastedText = event instanceof ClipboardEvent ? (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain") : void 0;
           if (pastedText && transformPaste && (0, import_lexical6.$isRangeSelection)(selection)) {
             const result = transformPaste(pastedText);
             if (result !== void 0) {
@@ -6503,6 +6503,10 @@ var ConditionalInputRow = import_react70.css`
 var ConditionalInputRowEmpty = import_react70.css`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = import_react70.css`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = import_react70.css`
   && {
     max-height: 40px;
@@ -7164,6 +7168,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7497,7 +7505,6 @@ var import_design_system49 = require("@uniformdev/design-system");
 var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7545,29 +7552,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.HorizontalRhythm, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
-        totalResults,
-        " results ",
-        searchTerm ? `for "${searchTerm}"` : null
-      ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.Callout, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        import_design_system49.Button,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.Callout, { title: automateCalloutTitle, type: "note", children: [
+    calloutText ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Paragraph, { children: calloutText }) : null,
+    hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      import_design_system49.Button,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/dist/index.mjs

@@ -504,7 +504,7 @@ function serializeRecursive(node, buffer) {
 }
 
 // src/components/Variables/util/setVariablesEditorValue.ts
-import { emptyRichTextValue } from "@uniformdev/richtext";
+import { emptyRichTextValue, rehydrateDefaultRichTextProperties } from "@uniformdev/richtext";
 
 // src/components/Variables/util/deserializeVariablesEditorState.ts
 import { parseVariableExpression } from "@uniformdev/canvas";
@@ -576,7 +576,7 @@ function setVariablesEditorValue(editor, newValue, tag) {
     });
   } else {
     try {
-      const parsedState = editor.parseEditorState(newValue);
+      const parsedState = editor.parseEditorState(rehydrateDefaultRichTextProperties(newValue));
       editor.setEditorState(parsedState.clone(null), {
         tag
       });
@@ -1907,7 +1907,7 @@ function PasteTransformerPlugin({ transformPaste }) {
         (event) => {
           var _a;
           const selection = $getSelection3();
-          const pastedText = (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain");
+          const pastedText = event instanceof ClipboardEvent ? (_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain") : void 0;
           if (pastedText && transformPaste && $isRangeSelection2(selection)) {
             const result = transformPaste(pastedText);
             if (result !== void 0) {
@@ -6426,6 +6426,10 @@ var ConditionalInputRow = css22`
 var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = css22`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = css22`
   && {
     max-height: 40px;
@@ -7101,6 +7105,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx77("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ jsx77("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7430,11 +7438,10 @@ var FilterItems = ({
 import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
+import { Button as Button5, Callout as Callout5, Paragraph } from "@uniformdev/design-system";
 import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7482,29 +7489,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
-    /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
-      /* @__PURE__ */ jsxs37("span", { children: [
-        totalResults,
-        " results ",
-        searchTerm ? `for "${searchTerm}"` : null
-      ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx80(
-        Button5,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsx80(Fragment15, { children: totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
+    calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
+    hideClearButton ? null : /* @__PURE__ */ jsx80(
+      Button5,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.74.6-alpha.5+aaa8f352b2",
+  "version": "20.74.6-alpha.7.sha-23d7a1d929",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,17 +45,17 @@
   "dependencies": {
     "@hello-pangea/dnd": "18.0.1",
     "@hookform/resolvers": "^5.4.0",
-    "@lexical/clipboard": "0.45.0",
-    "@lexical/react": "0.45.0",
-    "@lexical/selection": "0.45.0",
-    "@lexical/utils": "0.45.0",
+    "@lexical/clipboard": "0.49.0",
+    "@lexical/react": "0.49.0",
+    "@lexical/selection": "0.49.0",
+    "@lexical/utils": "0.49.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
-    "@uniformdev/canvas": "20.74.6-alpha.5+aaa8f352b2",
-    "@uniformdev/design-system": "20.74.6-alpha.5+aaa8f352b2",
-    "@uniformdev/mesh-sdk": "20.74.6-alpha.5+aaa8f352b2",
-    "@uniformdev/richtext": "20.74.6-alpha.5+aaa8f352b2",
+    "@uniformdev/canvas": "20.74.6-alpha.7.sha-23d7a1d929",
+    "@uniformdev/design-system": "20.74.6-alpha.7.sha-23d7a1d929",
+    "@uniformdev/mesh-sdk": "20.74.6-alpha.7.sha-23d7a1d929",
+    "@uniformdev/richtext": "20.74.6-alpha.7.sha-23d7a1d929",
     "dequal": "^2.0.3",
-    "lexical": "0.45.0",
+    "lexical": "0.49.0",
     "mitt": "3.0.1",
     "react-hook-form": "7.80.0",
     "react-use": "17.6.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "aaa8f352b2378d4ef9f062e364ebf7336145d95d"
+  "gitHead": "23d7a1d929f2626dc09db5965d8aa6d25588d67c"
 }