sccoreui 6.3.88 → 6.3.90

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/list-box-dropdown/list-box-dropdown.js

@@ -136,10 +136,7 @@ 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", 
-                            // 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 &&
+                    ] }), !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)(button_1.Button, { type: "button", 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.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { 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, title: label }), (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/package.json

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

package/dist/pages/formulaTemplate/formulaTemplate.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FormulaCoponent_1 = tslib_1.__importDefault(require("../../components/formula-template/FormulaCoponent"));
-const FormulaTemplatePage = () => {
-    const inputValue = `[[{"id": "660ab8748140c009b0af99a2","value": "Test1","code": "34sdf","price": 46}]] + 8 + [[{"id": "660abaee8140c009b0afa3ef","value": "Test2","code": "t34sdf","price": 4}]] + 86 + 7647`;
-    const [formulaValue, setFormulaValue] = (0, react_1.useState)(inputValue);
-    const [conditionValue, setConditionValue] = (0, react_1.useState)(1);
-    const options = [
-        {
-            label: "Increase by value",
-            value: 1,
-            optionType: "INCREASE_BY_VALUE",
-        },
-        {
-            label: "Decrease by value",
-            value: 2,
-            optionType: "DECREASE_BY_VALUE",
-        },
-        {
-            label: "Increase by percentage",
-            value: 3,
-            optionType: "INCREASE_BY_PERCENTAGE",
-        },
-        {
-            label: "Decrease by percentage",
-            value: 4,
-            optionType: "DECREASE_BY_PERCENTAGE",
-        },
-        {
-            label: "Manual",
-            value: 5,
-            optionType: "MANUAL",
-        },
-        {
-            label: "Calculation",
-            value: 6,
-            optionType: "CALCULATION",
-        },
-    ];
-    const attributes = [
-        {
-            id: "660ab8748140c009b0af99a2",
-            value: "Test1",
-            code: "34sdf",
-            price: 46,
-        },
-        {
-            id: "660abaee8140c009b0afa3ef",
-            value: "Test2",
-            code: "t34sdf",
-            price: 4,
-        },
-        {
-            id: "660ab8b68140c009b0af99e5",
-            value: "Test3",
-            code: "dshbf",
-            price: 6,
-        },
-        {
-            id: "660abace8140c009b0afa38a",
-            value: "Test4",
-            code: "323sdf",
-            price: 56,
-        },
-        {
-            id: "660abb0e8140c009b0afa445",
-            value: "Test5",
-            code: "30edf",
-            price: 44,
-        },
-        {
-            id: "660ac2ad8140c009b0afb62a",
-            value: "Test6",
-            code: "343sdf",
-            price: 36,
-        },
-        {
-            id: "660b9bf61419c4260d0dece0",
-            value: "Test11",
-            code: "34sdf",
-            price: 465,
-        },
-    ];
-    return ((0, jsx_runtime_1.jsx)(FormulaCoponent_1.default, { onConditionChange: (payload) => {
-            setConditionValue(payload.value);
-        }, conditionValue: conditionValue, inputValue: null, onChange: (e) => {
-            console.log(e);
-        }, formulaValue: formulaValue, formulaElemectPlaceholder: "Configure Value", onSaveFormula: (value) => setFormulaValue(value), formulaOperators: [
-            "addition",
-            "subtraction",
-            "multiplication",
-            "division",
-            "percentile",
-            "openBracket",
-            "closeBracket",
-        ], fieldFilterEmptyMessage: "No Results Found!", fieldFilterOption: "name", fieldOptions: attributes, fieldOptionTemplateTitle: "Price Fields", fieldOptionFilterPlaceholder: "Search by name or code", fieldFilter: true, options: options }));
-};
-exports.default = FormulaTemplatePage;

package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts

@@ -1,2 +0,0 @@
-declare const FormulaTemplatePage: () => import("react/jsx-runtime").JSX.Element;
-export default FormulaTemplatePage;