@flozy/editor 9.8.7 → 9.8.9

package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js

@@ -138,6 +138,14 @@ const MultiSelectWithPopover = props => {
   const handleClearSelection = () => {
     setSelectedOptions([]);
   };
+  const handleDeleteChip = (event, option) => {
+    event.stopPropagation();
+    setSelectedOptions(prev => {
+      const updatedOptions = prev.filter(selected => selected?.value !== option?.value);
+      onChange(updatedOptions);
+      return updatedOptions;
+    });
+  };
   const filteredOptions = availableOptions?.filter(option => option?.value?.toLowerCase()?.includes(inputValue?.toLowerCase()));
   const isExactMatch = availableOptions?.some(opt => opt?.value?.toLowerCase() === inputValue?.toLowerCase());
   const open = Boolean(anchorEl);
@@ -157,8 +165,7 @@ const MultiSelectWithPopover = props => {
       children: selectedOptions?.map((option, index) => /*#__PURE__*/_jsx(Chip, {
         label: option?.value,
         onDelete: event => {
-          event.stopPropagation();
-          setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
+          handleDeleteChip(event, option);
         },
         deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
         variant: "filled",
@@ -168,7 +175,7 @@ const MultiSelectWithPopover = props => {
           "& .MuiChip-deleteIcon": {
             flexShrink: 0,
             "& path": {
-              stroke: '#0F172A'
+              stroke: '#0F172A !important'
             }
           },
           "&:hover": {
@@ -303,8 +310,7 @@ const MultiSelectWithPopover = props => {
               index
             }),
             onDelete: event => {
-              event?.stopPropagation();
-              setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
+              handleDeleteChip(event, option);
             },
             deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
             sx: {
@@ -313,7 +319,7 @@ const MultiSelectWithPopover = props => {
               "& .MuiChip-deleteIcon": {
                 flexShrink: 0,
                 "& path": {
-                  stroke: '#0F172A'
+                  stroke: '#0F172A !important'
                 }
               },
               "&:hover": {

package/dist/Editor/common/iconslist.js

@@ -1655,11 +1655,33 @@ export const CsvIcon = () => /*#__PURE__*/_jsxs("svg", {
   })]
 });
 export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...(props || {}),
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M14.1245 5.875L5.87493 14.1246",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M5.875 5.875L14.1246 14.1246",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
   width: "10",
   height: "10",
   viewBox: "0 0 10 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  ...(props || {}),
   children: [/*#__PURE__*/_jsx("path", {
     d: "M9.12476 0.875L0.875176 9.12458",
     stroke: "#8F9CAE",

package/dist/Editor/themeSettings/index.js

@@ -5,7 +5,7 @@ import { Box, CircularProgress, Drawer, Grid, IconButton, Tab, Tabs, Typography,
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { TickIcon } from "./icons";
 import ColorTheme from "./colorTheme";
 import Buttons from "./buttons";

package/dist/Editor/themeSettingsAI/index.js

@@ -5,7 +5,7 @@ import { Button, Checkbox, CircularProgress, Divider, Drawer, FormControlLabel,
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { CloudIcon } from "./icons";
 import { TickIcon } from "./icons";
 import { ResetIcon } from "./icons";

package/dist/Editor/themeSettingsAI/saveTheme.js

@@ -5,7 +5,7 @@ import { Box, Button, CircularProgress, Dialog, Divider, Grid, IconButton, TextF
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "9.8.7",
+  "version": "9.8.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"