sccoreui 6.3.87 → 6.3.89

package/dist/App.scss

@@ -1161,14 +1161,7 @@ button[aria-expanded="true"] {
   padding-inline: 6px 10px !important;
   color: var(--primary-400);
   background: transparent;
-  &.assign_value {
-    .p-button-label {
-      max-width: 120px;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  }
+
   &:not(.section_btn) {
     height: 28px;
   }
@@ -1196,6 +1189,28 @@ button[aria-expanded="true"] {
   }
 }
 
+.p-button.data_label {
+  color: var(--gray-600);
+  background-color: transparent;
+  display: flex;
+  gap: 4px;
+  svg {
+    path {
+      stroke: var(--gray-700);
+    }
+  }
+
+  &:hover {
+    background-color: var(--gray-200);
+    color: var(--gray-700);
+  }
+  .p-button-label {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+
 .list_box_chips {
   display: flex;
   flex-wrap: wrap;

package/dist/components/formula-template/ExpressionRender.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExpressionRenderer = ({ inputValue }) => {
+    const parts = [];
+    const regex = /\[\[\{.*?\}\]\]/g;
+    let lastIndex = 0;
+    let match;
+    while ((match = regex.exec(inputValue)) !== null) {
+        const before = inputValue.substring(lastIndex, match.index);
+        if (before.trim()) {
+            parts.push(...before.split(/(\s+)/).filter(Boolean));
+        }
+        try {
+            const json = JSON.parse(match[0].slice(2, -2));
+            parts.push(json); // Add parsed object
+        }
+        catch (e) {
+            parts.push(match[0]); // Fallback to raw
+        }
+        lastIndex = regex.lastIndex;
+    }
+    const after = inputValue.substring(lastIndex);
+    if (after.trim()) {
+        parts.push(...after.split(/(\s+)/).filter(Boolean));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-2" }, { children: parts.map((part, index) => {
+            if (typeof part === "object" && part.value) {
+                return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "bg-gray-200 px-2 py-1 border-round-sm font-bold" }, { children: part.value }), index));
+            }
+            else if (typeof part === "string" && part.trim() !== "") {
+                return (0, jsx_runtime_1.jsx)("span", { children: part }, index);
+            }
+            return null;
+        }) })));
+};
+exports.default = ExpressionRenderer;

package/dist/components/formula-template/FormulaCoponent.js

@@ -9,6 +9,7 @@ const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-co
 const menu_1 = require("primereact/menu");
 // import { InputText } from "primereact/inputtext";
 const Tagify_1 = tslib_1.__importDefault(require("./Tagify"));
+const ExpressionRender_1 = tslib_1.__importDefault(require("./ExpressionRender"));
 const FormulaComponent = (props) => {
     const priceConditioRef = (0, react_1.useRef)(null);
     const [fieldOptions, setFieldOptions] = (0, react_1.useState)(props === null || props === void 0 ? void 0 : props.fieldOptions);
@@ -27,7 +28,7 @@ const FormulaComponent = (props) => {
                                                 ? props === null || props === void 0 ? void 0 : props.headerLabel
                                                 : "Configure Value" })), (0, jsx_runtime_1.jsx)("span", { children: (props === null || props === void 0 ? void 0 : props.headerDescription)
                                                 ? props === null || props === void 0 ? void 0 : props.headerDescription
-                                                : "Select price attribute and perform calculater." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), (0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions })] }), "formula__dev"));
+                                                : "Select price attribute and perform calculater." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), (0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions, formulaValue: props === null || props === void 0 ? void 0 : props.formulaValue })] }), "formula__dev"));
             },
         },
     ];
@@ -36,7 +37,7 @@ const FormulaComponent = (props) => {
                         props === null || props === void 0 ? void 0 : props.onConditionChange(e);
                     setConditionValue(e.value);
                 }, className: `sc_animate w-6 overflow-hidden text-overflow-ellipsis white-space-nowrap formula_condition_dropdown border-right-1 border-gray-300 border-none border-noround`, options: props === null || props === void 0 ? void 0 : props.options }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (() => {
-                    var _a, _b;
+                    var _a;
                     let optiontype = (_a = props === null || props === void 0 ? void 0 : props.options.find((x) => x.value === conditionValue)) === null || _a === void 0 ? void 0 : _a.optionType;
                     switch (optiontype) {
                         case "INCREASE_BY_VALUE":
@@ -56,16 +57,19 @@ const FormulaComponent = (props) => {
                             return ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ useGrouping: false, min: 0, minFractionDigits: 2, maxFractionDigits: 2, maxLength: (props === null || props === void 0 ? void 0 : props.maxLength) || Infinity }, props === null || props === void 0 ? void 0 : props.field, { onValueChange: (e) => (props === null || props === void 0 ? void 0 : props.onChange) && (props === null || props === void 0 ? void 0 : props.onChange(e)), placeholder: "Enter Number", value: props === null || props === void 0 ? void 0 : props.inputValue, className: "border-none w-6", inputClassName: "border-none focus:shadow-none" })));
                         }
                         case "CALCULATION": {
-                            const pattern = /(?:[a-f0-9]{24}|msrp|map|costprice)/g;
+                            // const pattern = /(?:[a-f0-9]{24}|msrp|map|costprice)/g;
                             // if(props?.formulaValue){
-                            const ids = props === null || props === void 0 ? void 0 : props.formulaValue.match(pattern);
-                            let text = props === null || props === void 0 ? void 0 : props.formulaValue;
-                            for (let i = 0; i < (ids === null || ids === void 0 ? void 0 : ids.length); i++) {
-                                let id = ids[i];
-                                let name = (_b = fieldOptions.find((item) => item.id === id)) === null || _b === void 0 ? void 0 : _b.name;
-                                text = text.replaceAll(id, name);
-                            }
-                            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-8 h-auto cursor-pointer flex align-items-center px-4", onClick: (e) => { var _a; return (_a = priceConditioRef.current) === null || _a === void 0 ? void 0 : _a.toggle(e); } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 overflow-hidden text-overflow-ellipsis white-space-nowrap w-full", title: text ? text : "" }, { children: (props === null || props === void 0 ? void 0 : props.formulaValue) ? text : "Select" })) })));
+                            // const inputValue = `[[{"id": "660ab8748140c009b0af99a2","value": "Test1","code": "34sdf","price": 46}]] + 8 + [[{"id": "660abaee8140c009b0afa3ef","value": "Test2","code": "t34sdf","price": 4}]] + 86 + 7647`;
+                            // const ids: any = props?.formulaValue.match(pattern);
+                            // let text: string = props?.formulaValue;
+                            // for (let i = 0; i < ids?.length; i++) {
+                            //   let id = ids[i];
+                            //   let name = fieldOptions.find(
+                            //     (item: any) => item.id === id
+                            //   )?.name;
+                            //   text = text.replaceAll(id, name);
+                            // }
+                            return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-8 h-auto cursor-pointer flex align-items-center px-4", onClick: (e) => { var _a; return (_a = priceConditioRef.current) === null || _a === void 0 ? void 0 : _a.toggle(e); } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 overflow-hidden text-overflow-ellipsis white-space-nowrap w-full" }, { children: (props === null || props === void 0 ? void 0 : props.formulaValue) ? ((0, jsx_runtime_1.jsx)(ExpressionRender_1.default, { inputValue: props === null || props === void 0 ? void 0 : props.formulaValue })) : ("Select") })) })));
                             // }else{
                             //     return 'Select'
                             // }

package/dist/components/formula-template/Tagify.js

@@ -11,7 +11,8 @@ const TagifyComponent = (props) => {
     var _a;
     const tagifyRef = (0, react_1.useRef)(null);
     const saveBtnRef = (0, react_1.useRef)(null);
-    const inputValue = `[[{"id": "660ab8748140c009b0af99a2","value": "Test1","code": "34sdf","price": 46}]] + 8 + [[{"id": "660abaee8140c009b0afa3ef","value": "Test2","code": "t34sdf","price": 4}]] + 86`;
+    // const inputValue = `[[{"id": "660ab8748140c009b0af99a2","value": "Test1","code": "34sdf","price": 46}]] + 8 + [[{"id": "660abaee8140c009b0afa3ef","value": "Test2","code": "t34sdf","price": 4}]] + 86`;
+    const inputValue = (props === null || props === void 0 ? void 0 : props.formulaValue) ? props === null || props === void 0 ? void 0 : props.formulaValue : "";
     let tagifyInstance;
     (0, react_1.useEffect)(() => {
         // Initialize tagify with new keyword and options
@@ -21,6 +22,8 @@ const TagifyComponent = (props) => {
             mode: "mix",
             skipInvalid: true,
             duplicates: true,
+            enforceWhitelist: true,
+            editTags: false,
             whitelist: [...props === null || props === void 0 ? void 0 : props.fieldOptions, "+", "-", "*", "/", "%", "(", ")"],
             dropdown: {
                 maxItems: 10,
@@ -28,27 +31,88 @@ const TagifyComponent = (props) => {
                 enabled: 1,
                 closeOnSelect: false,
                 searchKeys: ["value"],
+                highlightFirst: true,
+                position: "text",
+                mapValueTo: "value",
+                includeSelectedTags: true,
+                showTags: false,
+                hideSelected: false, // Don't hide selected items from the dropdown
+            },
+            templates: {
+                // Override the dropdownItem template to remove the selected checkmark
+                dropdownItem: function (tagData) {
+                    // Create a custom template without checkmark
+                    return `<div ${this.getAttributes(tagData)}
+                      class='tagify__dropdown__item ${tagData.class ? tagData.class : ""}'
+                      tabindex="0"
+                      role="option">
+                      <span>${tagData.value}</span>
+                  </div>`;
+                },
+            },
+            // Prevent double-click from triggering edit mode
+            callbacks: {
+                click: function (e) {
+                    // Prevent default double-click behavior
+                    e.preventDefault();
+                    return false;
+                },
             },
-            enforceWhitelist: true,
         });
+        // Apply custom CSS to hide checkmarks and prevent editing
+        const style = document.createElement("style");
+        style.innerHTML = `
+      .tagify__dropdown .tagify__dropdown__item--active::before {
+        display: none !important;
+      }
+      .tagify__dropdown .tagify__dropdown__item[aria-selected=true]::before {
+        display: none !important;
+      }
+      .tagify__tag:not(.tagify--noAnim) {
+        pointer-events: none !important;
+      }
+      .tagify__tag__removeBtn {
+        display: none !important;
+      }
+      .tagify__tag.tagify--editable {
+        pointer-events: none !important;
+      }
+    `;
+        document.head.appendChild(style);
+        // Handle any click or dblclick on tags to prevent editing
+        tagifyRef.current.addEventListener("dblclick", function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+        }, true);
         tagifyInstance.on("change input", onInput);
         tagifyInstance.on("change", onChange);
         function onChange() {
             setTimeout(() => {
                 onCalculateSum();
-            }, 1000);
+            }, 500);
         }
         function onInput() {
             setTimeout(() => {
                 onCalculateSum();
-            }, 1000);
+            }, 500);
         }
         onCalculateSum();
-        // Clean up the event listener on unmount
+        // Clean up the event listener and custom style on unmount
         return () => {
             tagifyInstance.destroy();
+            document.head.removeChild(style);
         };
     }, []);
+    // Override Tagify's editTag method to prevent editing
+    (0, react_1.useEffect)(() => {
+        if (tagifyInstance) {
+            // Override the editTag method to do nothing
+            tagifyInstance.editTag = function () {
+                return false;
+            };
+        }
+    }, [tagifyInstance]);
     const operators = {
         addition: "+",
         subtraction: "-",
@@ -60,62 +124,148 @@ const TagifyComponent = (props) => {
     };
     const onCalculateSum = () => {
         if (tagifyRef === null || tagifyRef === void 0 ? void 0 : tagifyRef.current) {
-            const pattern = /^(?![\+\-\*/]).*(?:[\+\-\*/]\d+[\+\-\*/])*(?:(?:\[\[{.*}\]\])([\+\-\*/](?:\[\[{.*}\]\]))+)*(?:\[\[{.*}\]\])*(?![\+\-\*/])$/;
-            // /^(?![\+\-\*/]).*(?:[\+\-\*/]\d+[\+\-\*/])*(?:\[\[{.*}\]\])*(?![\+\-\*/])$/;
-            // /^(?![\+\-\*/]).*[\+\-\*/].*(?:\d+|(\[\[{.*}\]\]))(?![\+\-\*/])$/;
-            ///^(?![\+\-\*/]).*(?:\[\[{.*}\]\])(?:[\+\-\*/]\d+[\+\-\*/])*(?:\[\[{.*}\]\])?(?![\+\-\*/])$/
             try {
-                // Test the string against the pattern
+                // Clean up the value (remove zero-width spaces but keep normal spaces for now)
                 let value = tagifyRef.current.value;
-                value = value.replaceAll("​", "");
-                value = value.replaceAll(" ", "");
-                if (pattern.test(`${value.trim()}`)) {
-                    const tagRegex = /\[\[({.*?})\]\]/g; // Match patterns starting with [[{ and ending with }]]
-                    let str = tagifyRef.current.value;
-                    let res = str.replace(tagRegex, (match) => {
-                        try {
-                            const tagData = JSON.parse(match.slice(2, -2)); // Remove [[{ and }]] to parse JSON
-                            return tagData.price.toString(); // Replace with the price value
+                value = value.replaceAll("​", ""); // Remove zero-width spaces
+                if (inputValue.replaceAll(" ", "") === value.replaceAll(" ", "")) {
+                    saveBtnRef.current.disabled = true;
+                    return;
+                }
+                // First, extract all chip tokens to analyze the expression structure
+                const tagPattern = /\[\[{.*?}\]\]/g;
+                const chipTokens = [];
+                let match;
+                // Get all chip positions
+                while ((match = tagPattern.exec(value)) !== null) {
+                    chipTokens.push({
+                        start: match.index,
+                        end: match.index + match[0].length,
+                        value: match[0],
+                    });
+                }
+                // Check for adjacent chips (no operator between them)
+                for (let i = 0; i < chipTokens.length - 1; i++) {
+                    const current = chipTokens[i];
+                    const next = chipTokens[i + 1];
+                    // Check the content between chips
+                    const textBetween = value.substring(current.end, next.start);
+                    const trimmedTextBetween = textBetween.trim();
+                    // If there's nothing or just spaces between chips (no operator), it's invalid
+                    if (!trimmedTextBetween ||
+                        !/[\+\-\*\/\%\(\)]/.test(trimmedTextBetween)) {
+                        if (saveBtnRef.current) {
+                            saveBtnRef.current.disabled = true;
                         }
-                        catch (error) {
-                            console.error("Invalid tag format:", match);
-                            return match; // Return original if parsing fails
+                        return;
+                    }
+                }
+                // Make a working copy of the value for validation
+                let validationValue = value;
+                // Replace tag tokens with placeholder numbers for validation
+                validationValue = validationValue.replace(tagPattern, "0");
+                // Normalize spaces around operators for consistent validation
+                validationValue = validationValue.replace(/\s*([+\-*/%()])\s*/g, "$1");
+                // Remove all spaces for further validation
+                validationValue = validationValue.replaceAll(" ", "");
+                // Check if expression starts with an invalid operator (not an open parenthesis)
+                if (/^[\+\*\/\%]/.test(validationValue)) {
+                    if (saveBtnRef.current) {
+                        saveBtnRef.current.disabled = true;
+                    }
+                    return;
+                }
+                // Check if expression ends with an invalid operator
+                if (/[\+\-\*\/\%\(]$/.test(validationValue)) {
+                    if (saveBtnRef.current) {
+                        saveBtnRef.current.disabled = true;
+                    }
+                    return;
+                }
+                // Check for balanced parentheses
+                let openParenCount = 0;
+                for (const char of validationValue) {
+                    if (char === "(")
+                        openParenCount++;
+                    if (char === ")")
+                        openParenCount--;
+                    // If at any point we have more closing than opening parentheses, it's invalid
+                    if (openParenCount < 0) {
+                        if (saveBtnRef.current) {
+                            saveBtnRef.current.disabled = true;
                         }
-                    });
-                    res = res.replaceAll("​", "");
-                    res = res.replaceAll(" ", "");
-                    eval(res);
+                        return;
+                    }
+                }
+                // If we have unclosed parentheses at the end, it's invalid
+                if (openParenCount !== 0) {
+                    if (saveBtnRef.current) {
+                        saveBtnRef.current.disabled = true;
+                    }
+                    return;
+                }
+                // Check for consecutive operators (except valid combinations like +-, -+, etc.)
+                if (/[\+\-\*\/\%][\*\/\%]/.test(validationValue)) {
                     if (saveBtnRef.current) {
-                        saveBtnRef.current.disabled = false;
+                        saveBtnRef.current.disabled = true;
                     }
+                    return;
                 }
-                else {
+                // If we passed all validations, extract prices and evaluate
+                let str = tagifyRef.current.value;
+                let res = str.replace(tagPattern, (match) => {
+                    try {
+                        const tagData = JSON.parse(match.slice(2, -2));
+                        return tagData.price.toString();
+                    }
+                    catch (error) {
+                        console.error("Invalid tag format:", match);
+                        return "0"; // Use 0 as fallback for invalid tags
+                    }
+                });
+                // Clean the result string for evaluation
+                res = res.replaceAll("​", "");
+                res = res.replaceAll(" ", "");
+                // Try to evaluate the expression
+                // eslint-disable-next-line no-eval
+                const result = eval(res);
+                // Check if result is a valid number
+                if (isNaN(result) || !isFinite(result)) {
                     if (saveBtnRef.current) {
                         saveBtnRef.current.disabled = true;
                     }
+                    return;
+                }
+                // Enable the save button if expression is valid and evaluates successfully
+                if (saveBtnRef.current) {
+                    saveBtnRef.current.disabled = false;
                 }
             }
             catch (error) {
+                // Handle evaluation errors
+                console.error("Formula evaluation error:", error);
                 if (saveBtnRef.current) {
                     saveBtnRef.current.disabled = true;
                 }
             }
         }
     };
-    // Function to get the cursor position and add "+" symbol
+    // Function to get the cursor position and add operator symbol
     const addPlusAtCursor = (operator) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        yield tagifyInstance.addTags([
-            { value: operators[operator], type: "math" },
-        ]);
+        var _b;
+        if (tagifyRef.current) {
+            tagifyRef.current.value = ((_b = tagifyRef === null || tagifyRef === void 0 ? void 0 : tagifyRef.current) === null || _b === void 0 ? void 0 : _b.value) + operators[operator];
+        }
+        yield tagifyInstance.on([{ value: operators[operator], type: "math" }]);
         setTimeout(() => {
             onCalculateSum();
         }, 1000);
     });
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "condition_section border-top-1 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "h-2rem px-4 border-bottom-1 flex column-gap-2 align-items-center border-gray-200" }, { children: props.formulaOperators.map((operator, index) => {
                             return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "condition_operator flex align-items-center justify-content-center text-lg w-2 sc_icon_hover cursor-pointer hover:bg-primary-50 border-round-sm", onClick: () => addPlusAtCursor(operator) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-bold" }, { children: operators[operator] })) }), "formula__operator_" + index), (0, jsx_runtime_1.jsx)("span", { className: "operator_divider" })] }));
-                        }) })), (0, jsx_runtime_1.jsx)("input", { ref: tagifyRef, type: "text", placeholder: "Enter text or tags...", value: inputValue })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `condition_footer_section flex align-items-center p-2 ${props === null || props === void 0 ? void 0 : props.footerTemplateClassName}` }, { children: (props === null || props === void 0 ? void 0 : props.footerTemplate) ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.footerTemplate })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-6 px-4 py-2 hover:bg-primary-50 cursor-pointer sc_icon_hover", onClick: () => {
+                        }) })), (0, jsx_runtime_1.jsx)("input", { ref: tagifyRef, type: "text", placeholder: "Enter text or tags...", value: inputValue })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `condition_footer_section flex align-items-center p-2 gap-2 ${props === null || props === void 0 ? void 0 : props.footerTemplateClassName}` }, { children: (props === null || props === void 0 ? void 0 : props.footerTemplate) ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.footerTemplate })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-6 px-4 py-2 hover:bg-primary-50 cursor-pointer sc_icon_hover border-round-md", onClick: () => {
                                 // setContent(props?.formulaValue);
-                                //   priceConditioRef.current.toggle(e);
-                            } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 20 }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ ref: saveBtnRef, disabled: (_a = saveBtnRef === null || saveBtnRef === void 0 ? void 0 : saveBtnRef.current) === null || _a === void 0 ? void 0 : _a.disabled, className: `w-6 px-4 py-2 hover:bg-primary-50 cursor-pointer sc_icon_hover` }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "check", size: 20 }) }))] })) }))] }));
+                                // priceConditioRef.current.toggle(e);
+                            } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 20 }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ ref: saveBtnRef, disabled: (_a = saveBtnRef === null || saveBtnRef === void 0 ? void 0 : saveBtnRef.current) === null || _a === void 0 ? void 0 : _a.disabled, className: "w-6 px-4 py-2 bg-primary-50 cursor-pointer sc_icon_hover border-round-md flex justify-content-center align-items-center" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "check", size: 20 }) }))] })) }))] }));
 };
 exports.default = TagifyComponent;

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -136,10 +136,10 @@ const ListBoxDropdown = (props) => {
                                             ? emptyFilterMessage
                                             : "No Results Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
-                    ] }), !showChips ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !dataLabel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), title: label })) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: (event) => optionsMenuRef.current.toggle(event), title: label, className: "listbox_label" }, { children: dataLabel }))) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", 
+                    ] }), !showChips ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !dataLabel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), title: label })) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: (event) => optionsMenuRef.current.toggle(event), title: label, className: "listbox_label" }, { children: dataLabel }))) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "data_label" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", 
                             // className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}
                             // link={link ? true : false}
-                            icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, title: label }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `list_box_chips ${chipsParentClassName}` }, { children: selectedItems &&
+                            icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: "data_label", title: dataLabel }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `list_box_chips ${chipsParentClassName}` }, { children: selectedItems &&
                                 (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {
                                     var _a, _b, _c, _d;
                                     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isDraggable !== undefined ? ((0, jsx_runtime_1.jsx)("li", Object.assign({ draggable: isDraggable, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e), onDrop: (e) => handleDrop(e, index), className: `select-none ${chipClassName ? chipClassName : "list_box_chip"}    ${showRemoveIcon ? "relative text-gray-700" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-truncate max-w-10rem inline-block", title: typeof item === "object"

package/dist/types/components/formula-template/ExpressionRender.d.ts

@@ -0,0 +1,4 @@
+declare const ExpressionRenderer: ({ inputValue }: {
+    inputValue: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ExpressionRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.3.87",
+  "version": "6.3.89",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",