sccoreui 6.3.49 → 6.3.50

package/dist/App.scss

@@ -1125,6 +1125,7 @@ button[aria-expanded="true"] {
   padding: 4px 8px;
   border-radius: var(--border-radius);
   color: var(--primary-400);
+  background-color: transparent;
   svg {
     path {
       stroke: var(--primary-400);
@@ -1142,8 +1143,44 @@ button[aria-expanded="true"] {
       }
     }
   }
-  
-  
+}
+
+.p-button.list_box_btn {
+  font-weight: 600;
+  border-radius: var(--border-radius);
+  display: flex;
+  align-items: center;
+  padding: 8px 16px;
+  cursor: pointer;
+  font-size: 14px;
+  padding-inline: 6px 10px !important;
+  color: var(--primary-400);
+  background: transparent;
+  &:not(.section_btn) {
+    height: 28px;
+  }
+  &.section_btn {
+    padding: 6px 10px 6px 6px;
+  }
+  &:hover {
+    background-color: var(--primary-25);
+    color: var(--primary-700);
+    svg {
+      path {
+        stroke: var(--primary-700);
+      }
+    }
+  }
+  &:has(svg) {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+  svg {
+    path {
+      stroke: var(--primary-400);
+    }
+  }
 }
 
 .list_box_chips {
@@ -1156,29 +1193,32 @@ button[aria-expanded="true"] {
   gap: 8px;
 
   .list_box_chip {
-   padding:4px 8px;
-   border: 1px solid var(--gray-200);
-   border-radius: var(--border-radius);
-   color: var(--gray-700);
-   display: flex;
-   align-items: center;
-   font-size: 14px;
-   svg {
-    path {
-      stroke: var(--gray-400);
-    }
-   }
-   &:hover {
-    border: 1px solid var(--gray-300);
-    background-color: var(--primary-25);
+    padding: 3px 4px 3px 8px;
+    border: 1px solid var(--gray-200);
+    border-radius: var(--border-radius);
+    color: var(--gray-700);
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    gap: 4px;
     svg {
-      transform: scale(1.1);
-      cursor: pointer;
+      width: 15px;
+      height: 15px;
       path {
-        stroke: var(--red-500);
+        stroke: var(--gray-400);
+      }
+    }
+    &:hover {
+      border: 1px solid var(--gray-300);
+      background-color: var(--primary-25);
+      svg {
+        transform: scale(1.1);
+        cursor: pointer;
+        path {
+          stroke: var(--red-500);
+        }
       }
     }
-   }
   }
 }
 
@@ -1228,8 +1268,6 @@ button[aria-expanded="true"] {
   }
 }
 
-
-
 /////// Custom list_box_dropdown ///////////
 
 //ScMulti Select//
@@ -2222,8 +2260,6 @@ button[aria-expanded="true"] {
   }
 }
 
-
-
 /////// Custom list_box_dropdown ///////////
 
 //ScMulti Select//
@@ -2934,4 +2970,156 @@ button[aria-expanded="true"] {
   }
 }
 
-// listbox styles
+// button styles
+// .p-button.sc_btn,
+// div.sc_btn {
+//   font-weight: 600;
+//   border-radius: var(--border-radius);
+//   display: flex;
+//   align-items: center;
+//   padding: 8px 16px;
+//   cursor: pointer;
+//   font-size: 14px;
+//   padding: 8px 16px;
+
+//   &:has(svg) {
+//     display: flex;
+//     align-items: center;
+//     gap: 6px;
+//   }
+//   svg {
+//     width: 18px;
+//     height: 18px;
+//     path {
+//       stroke: #fff;
+//     }
+//   }
+//   &.primary {
+//     background-color: var(--primary-500);
+//     color: #fff;
+//     &:hover {
+//       background-color: var(--primary-700);
+//     }
+//   }
+//   &.destructive {
+//     background-color: var(--red-600);
+//     color: #fff;
+//     &:hover {
+//       background-color: var(--red-700);
+//     }
+//   }
+
+//   &.secondary {
+//     background-color: var(--bg-white);
+//     padding-block: 7px !important;
+//     // outline-offset: -1px;
+//     color: var(--gray-700);
+//     border: 1px solid var(--gray-300) !important;
+//     &:hover {
+//       background-color: var(--gray-50);
+//       color: var(--gray-900);
+//     }
+//   }
+
+//   // Teritiary buttons
+//   &.tertiary {
+//     background-color: transparent;
+//     &.primary_text {
+//       color: var(--primary-500);
+//       &:hover {
+//         background-color: var(--primary-25);
+//         color: var(--primary-700);
+//         svg {
+//           path {
+//             stroke: var(--primary-700);
+//           }
+//         }
+//       }
+//       svg {
+//         path {
+//           stroke: var(--primary-600);
+//         }
+//       }
+//     }
+//     &.destructive_text {
+//       color: var(--red-600);
+//       &:hover {
+//         background-color: var(--red-50);
+//         color: var(--red-700);
+//         svg {
+//           path {
+//             stroke: var(--red-700);
+//           }
+//         }
+//       }
+//       svg {
+//         path {
+//           stroke: var(--red-600);
+//         }
+//       }
+//     }
+//     &.secondary_text {
+//       color: var(--gray-600);
+//       &:hover {
+//         background-color: var(--gray-50);
+//         color: var(--gray-700);
+//         svg {
+//           path {
+//             stroke: var(--gray-700);
+//           }
+//         }
+//       }
+//       svg {
+//         path {
+//           stroke: var(--gray-600);
+//         }
+//       }
+//     }
+//   }
+//   &.icon_right {
+//     padding: 8px 12px 8px 16px;
+//   }
+//   &.icon_left {
+//     padding: 8px 16px 8px 12px;
+//   }
+//   &.icon_both {
+//     padding: 8px 12px;
+//   }
+//   &.icon_btn {
+//     padding: 8px 12px;
+//     border-radius: var(--border-radius);
+//     background-color: transparent;
+//     border: 0 !important;
+
+//     &.primary {
+//       svg {
+//         path {
+//           stroke: var(--primary-500);
+//         }
+//       }
+//       &:hover {
+//         background-color: var(--primary-25);
+//         svg {
+//           path {
+//             stroke: var(--primary-700);
+//           }
+//         }
+//       }
+//     }
+//     &.secondary {
+//       svg {
+//         path {
+//           stroke: var(--gray-600);
+//         }
+//       }
+//       &:hover {
+//         background-color: var(--gray-50);
+//         svg {
+//           path {
+//             stroke: var(--gray-700);
+//           }
+//         }
+//       }
+//     }
+//   }
+// }

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

@@ -13,7 +13,7 @@ const ListBoxDropdown = ({ selectAll,
 // onSelectAll,
 onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, 
 // buttonClassName,
-showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, }) => {
+showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, }) => {
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
     const optionsMenuRef = (0, react_1.useRef)();
@@ -105,7 +105,7 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
                                     ? listBoxParentClassName +
                                         " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
-                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: selectedOptionNone
+                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { type: "sectionHeader", itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: selectedOptionNone
                                             ? listItems.length === selectedItems.length
                                                 ? []
                                                 : listItems
@@ -113,17 +113,17 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
                                             ? listBoxclassName
                                             : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
-                    ] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: "sc_list_box_btn", link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((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)(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) })) : ((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: "sc_list_box_btn", text: true }), (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: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}` }), (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;
-                                    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 : ""}    ${showRemoveIcon ? "pr-6 relative text-gray-700" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [typeof item === "object"
+                                    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: [typeof item === "object"
                                                         ? item[`${optionLabel}`]
-                                                        : (_a = listItems.find((x) => x.value === item)) === null || _a === void 0 ? void 0 : _a[`${optionLabel}`], showRemoveIcon && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: () => onRemoveItem(item), className: `absolute right-0 p-1` }, { children: [" ", (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: showRemoveIcon, size: removeIconSize ? removeIconSize : 15 })] })))] })) }), index)) : ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: `select-none ${chipClassName ? chipClassName : "list_box_chip"} ${showRemoveIcon ? "pr-6 relative" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [typeof item === "object"
+                                                        : (_a = listItems.find((x) => x.value === item)) === null || _a === void 0 ? void 0 : _a[`${optionLabel}`], showRemoveIcon && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: () => onRemoveItem(item), className: `absolute right-0 p-1` }, { children: [" ", (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: showRemoveIcon, size: removeIconSize ? removeIconSize : 15 })] })))] })) }), index)) : ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: `select-none ${chipClassName ? chipClassName : "list_box_chip"} ${showRemoveIcon ? "relative" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [typeof item === "object"
                                                         ? item[`${optionLabel}`]
-                                                        : (_b = listItems.find((x) => x.value === item)) === null || _b === void 0 ? void 0 : _b[`${optionLabel}`], showRemoveIcon && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: () => onRemoveItem(item), className: `absolute right-0 p-1 ${removeIconClassName}` }, { children: [" ", (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: showRemoveIcon, size: removeIconSize ? removeIconSize : 15 })] })))] })) }), index)) }));
+                                                        : (_b = listItems.find((x) => x.value === item)) === null || _b === void 0 ? void 0 : _b[`${optionLabel}`], showRemoveIcon && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: () => onRemoveItem(item), className: `${removeIconClassName}` }, { children: [" ", (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: showRemoveIcon, size: removeIconSize ? removeIconSize : 15 })] })))] })) }), index)) }));
                                 })) }))] })))] })) }));
 };
 exports.default = ListBoxDropdown;

package/dist/components/treeDropdownSelect/treeDropdownSelect.js

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const tree_1 = require("primereact/tree");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const badge_1 = require("primereact/badge");
-const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }) => {
+const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName, icon, }) => {
     const onClickNode = (e) => {
         if (clickOnNode)
             clickOnNode(e);
     };
-    return ((0, jsx_runtime_1.jsx)(tree_1.Tree, { value: treeData, expandedKeys: expandedKeys, selectionMode: "single", className: `treeNoCollaps ${classNames ? classNames : ''}`, nodeTemplate: (node) => (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex gap-2 align-items-center justify-content-between w-full' }, { children: [" ", (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'treeItem flex gap-2 h-2rem align-items-center  w-full h-full font-semibold' }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "chart-breakout-square" }), node[displayLabelName]] })), " ", (node === null || node === void 0 ? void 0 : node.badgeValue) && (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: 'treeBadge w-auto text-gray-700', value: node === null || node === void 0 ? void 0 : node.badgeValue })] })), onNodeClick: (e) => onClickNode(e) }));
+    return ((0, jsx_runtime_1.jsx)(tree_1.Tree, { value: treeData, expandedKeys: expandedKeys, selectionMode: "single", className: `treeNoCollaps ${classNames ? classNames : ""}`, nodeTemplate: (node) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2 align-items-center justify-content-between w-full" }, { children: [" ", (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "treeItem flex gap-2 h-2rem align-items-center  w-full h-full font-semibold" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: node[icon] ? node[icon] : "chart-breakout-square" }), node[displayLabelName]] })), " ", (node === null || node === void 0 ? void 0 : node.badgeValue) && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "treeBadge w-auto text-gray-700", value: node === null || node === void 0 ? void 0 : node.badgeValue }))] }))), onNodeClick: (e) => onClickNode(e) }));
 };
 exports.default = TreeDropdownSelect;

package/dist/directives/svg-icons.js

@@ -9286,6 +9286,28 @@ exports.iconList = [
 <path d="M13.2859 3.88755C12.4676 4.58494 11.4501 5.00639 10.3783 5.09192C7.87719 5.29151 5.89112 7.27759 5.69153 9.77868C5.606 10.8505 5.18454 11.8679 4.48716 12.6863C2.85975 14.596 2.85975 17.4047 4.48716 19.3144C5.18454 20.1327 5.606 21.1502 5.69153 22.222C5.89112 24.7231 7.87719 26.7091 10.3783 26.9087C11.4501 26.9943 12.4676 27.4157 13.2859 28.1131C15.1956 29.7405 18.0043 29.7405 19.914 28.1131C20.7323 27.4157 21.7498 26.9943 22.8216 26.9087C25.3227 26.7091 27.3088 24.7231 27.5083 22.222C27.5939 21.1502 28.0153 20.1327 28.7127 19.3144C30.3401 17.4047 30.3401 14.596 28.7127 12.6863C28.0153 11.8679 27.5939 10.8505 27.5083 9.77868C27.3088 7.27759 25.3227 5.29151 22.8216 5.09192C21.7498 5.00639 20.7323 4.58494 19.914 3.88755C18.0043 2.26014 15.1956 2.26014 13.2859 3.88755Z" fill="#039855"/>
 <path d="M12.5999 16.0003L15.2666 18.667L21.2666 12.667M10.3783 5.09192C11.4501 5.00639 12.4676 4.58494 13.2859 3.88755C15.1956 2.26014 18.0043 2.26014 19.914 3.88755C20.7323 4.58494 21.7498 5.00639 22.8216 5.09192C25.3227 5.29151 27.3088 7.27759 27.5083 9.77868C27.5939 10.8505 28.0153 11.8679 28.7127 12.6863C30.3401 14.596 30.3401 17.4047 28.7127 19.3144C28.0153 20.1327 27.5939 21.1502 27.5083 22.222C27.3088 24.7231 25.3227 26.7091 22.8216 26.9087C21.7498 26.9943 20.7323 27.4157 19.914 28.1131C18.0043 29.7405 15.1956 29.7405 13.2859 28.1131C12.4676 27.4157 11.4501 26.9943 10.3783 26.9087C7.87719 26.7091 5.89112 24.7231 5.69153 22.222C5.606 21.1502 5.18454 20.1327 4.48716 19.3144C2.85975 17.4047 2.85975 14.596 4.48716 12.6863C5.18454 11.8679 5.606 10.8505 5.69153 9.77868C5.89112 7.27759 7.87719 5.29151 10.3783 5.09192Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>`,
+    },
+    {
+        name: "partner-org-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_71179)">
+<path d="M8.95345 2.76562H7.66202C7.4642 2.76576 7.27259 2.83473 7.12005 2.96069C6.96752 3.08666 6.86357 3.26177 6.82603 3.456C6.78849 3.65023 6.8197 3.85146 6.91431 4.02519C7.00892 4.19892 7.16103 4.33432 7.34456 4.40816L8.6544 4.93197C8.83833 5.00555 8.99088 5.14092 9.0858 5.3148C9.18073 5.48869 9.2121 5.69021 9.17452 5.88472C9.13694 6.07922 9.03276 6.25456 8.8799 6.38057C8.72703 6.50657 8.53504 6.57538 8.33694 6.57515H7.04868" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 2.76525V2.28906" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 7.05041V6.57422" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.4474 1.7489C9.75733 1.1707 8.88479 0.855574 7.98451 0.85941C7.08424 0.863245 6.21441 1.1858 5.5293 1.76986" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.94141 8.32866C7.63774 8.52912 8.37671 8.52758 9.0722 8.32422" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33398 4.67039C1.33398 5.17556 1.53466 5.66004 1.89188 6.01726C2.24909 6.37447 2.73357 6.57515 3.23875 6.57515C3.74392 6.57515 4.2284 6.37447 4.58562 6.01726C4.94283 5.66004 5.14351 5.17556 5.14351 4.67039C5.14351 4.16521 4.94283 3.68073 4.58562 3.32352C4.2284 2.9663 3.74392 2.76562 3.23875 2.76562C2.73357 2.76562 2.24909 2.9663 1.89188 3.32352C1.53466 3.68073 1.33398 4.16521 1.33398 4.67039Z" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.61933 11.3369V9.9083C5.61933 9.27683 5.36848 8.67122 4.92196 8.22471C4.47545 7.77819 3.86984 7.52734 3.23837 7.52734C2.60691 7.52734 2.0013 7.77819 1.55479 8.22471C1.10827 8.67122 0.857422 9.27683 0.857422 9.9083V11.3369H1.8098L2.28599 15.1464H4.19076L4.66695 11.3369H5.61933Z" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.8574 4.67039C10.8574 5.17556 11.0581 5.66004 11.4153 6.01726C11.7725 6.37447 12.257 6.57515 12.7622 6.57515C13.2674 6.57515 13.7518 6.37447 14.1091 6.01726C14.4663 5.66004 14.6669 5.17556 14.6669 4.67039C14.6669 4.16521 14.4663 3.68073 14.1091 3.32352C13.7518 2.9663 13.2674 2.76562 12.7622 2.76562C12.257 2.76562 11.7725 2.9663 11.4153 3.32352C11.0581 3.68073 10.8574 4.16521 10.8574 4.67039Z" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.1447 11.3369V9.9083C15.1447 9.27683 14.8939 8.67122 14.4474 8.22471C14.0008 7.77819 13.3952 7.52734 12.7638 7.52734C12.1323 7.52734 11.5267 7.77819 11.0802 8.22471C10.6337 8.67122 10.3828 9.27683 10.3828 9.9083V11.3369H11.3352L11.8114 15.1464H13.7161L14.1923 11.3369H15.1447Z" stroke="#667085" stroke-width="0.9" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1_71179">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`,
     },
     {
         name: "word",

package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxDropdownTypes } from "../types/type";
-declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
+declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
 export default ListBoxDropdown;

package/dist/types/components/treeDropdownSelect/treeDropdownSelect.d.ts

@@ -1,3 +1,3 @@
-import { TreeDropdownSelectTypes } from '../types/type';
-declare const TreeDropdownSelect: ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
+import { TreeDropdownSelectTypes } from "../types/type";
+declare const TreeDropdownSelect: ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName, icon, }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
 export default TreeDropdownSelect;

package/dist/types/components/types/type.d.ts

@@ -195,6 +195,7 @@ export interface TreeDropdownSelectTypes {
     expandedKeys: any;
     classNames?: any;
     isLoading?: boolean;
+    icon?: any;
 }
 export interface CustomColorPickerTypes {
     onChange?: any;
@@ -255,6 +256,7 @@ export interface ListBoxDropdownTypes {
     onFocus?: (payload: any) => void;
     confirmationOption?: boolean;
     selectedOptionNone?: boolean;
+    type?: any;
 }
 export interface DatePickerTypes {
     value: any;

package/package.json

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