sccoreui 6.3.46 → 6.3.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/App.scss +213 -26
  2. package/dist/components/ag-grid/AgGrid.js +1 -1
  3. package/dist/components/ag-grid/parent-for-grid.js +1 -1
  4. package/dist/components/list-box-dropdown/list-box-dropdown.js +7 -7
  5. package/dist/components/treeDropdownSelect/treeDropdownSelect.js +2 -2
  6. package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts +1 -1
  7. package/dist/types/components/treeDropdownSelect/treeDropdownSelect.d.ts +2 -2
  8. package/dist/types/components/types/type.d.ts +2 -0
  9. package/package.json +1 -1
package/dist/App.scss CHANGED
@@ -1142,8 +1142,44 @@ button[aria-expanded="true"] {
1142
1142
  }
1143
1143
  }
1144
1144
  }
1145
-
1146
-
1145
+ }
1146
+
1147
+ .p-button.list_box_btn {
1148
+ font-weight: 600;
1149
+ border-radius: var(--border-radius);
1150
+ display: flex;
1151
+ align-items: center;
1152
+ padding: 8px 16px;
1153
+ cursor: pointer;
1154
+ font-size: 14px;
1155
+ padding-inline: 6px 10px !important;
1156
+ color: var(--primary-400);
1157
+ background: transparent;
1158
+ &:not(.section_btn) {
1159
+ height: 28px;
1160
+ }
1161
+ &.section_btn {
1162
+ padding: 6px 10px 6px 6px;
1163
+ }
1164
+ &:hover {
1165
+ background-color: var(--primary-25);
1166
+ color: var(--primary-700);
1167
+ svg {
1168
+ path {
1169
+ stroke: var(--primary-700);
1170
+ }
1171
+ }
1172
+ }
1173
+ &:has(svg) {
1174
+ display: flex;
1175
+ align-items: center;
1176
+ gap: 4px;
1177
+ }
1178
+ svg {
1179
+ path {
1180
+ stroke: var(--primary-400);
1181
+ }
1182
+ }
1147
1183
  }
1148
1184
 
1149
1185
  .list_box_chips {
@@ -1156,29 +1192,32 @@ button[aria-expanded="true"] {
1156
1192
  gap: 8px;
1157
1193
 
1158
1194
  .list_box_chip {
1159
- padding:4px 8px;
1160
- border: 1px solid var(--gray-200);
1161
- border-radius: var(--border-radius);
1162
- color: var(--gray-700);
1163
- display: flex;
1164
- align-items: center;
1165
- font-size: 14px;
1166
- svg {
1167
- path {
1168
- stroke: var(--gray-400);
1169
- }
1170
- }
1171
- &:hover {
1172
- border: 1px solid var(--gray-300);
1173
- background-color: var(--primary-25);
1195
+ padding: 3px 4px 3px 8px;
1196
+ border: 1px solid var(--gray-200);
1197
+ border-radius: var(--border-radius);
1198
+ color: var(--gray-700);
1199
+ display: flex;
1200
+ align-items: center;
1201
+ font-size: 14px;
1202
+ gap: 4px;
1174
1203
  svg {
1175
- transform: scale(1.1);
1176
- cursor: pointer;
1204
+ width: 15px;
1205
+ height: 15px;
1177
1206
  path {
1178
- stroke: var(--red-500);
1207
+ stroke: var(--gray-400);
1208
+ }
1209
+ }
1210
+ &:hover {
1211
+ border: 1px solid var(--gray-300);
1212
+ background-color: var(--primary-25);
1213
+ svg {
1214
+ transform: scale(1.1);
1215
+ cursor: pointer;
1216
+ path {
1217
+ stroke: var(--red-500);
1218
+ }
1179
1219
  }
1180
1220
  }
1181
- }
1182
1221
  }
1183
1222
  }
1184
1223
 
@@ -1228,8 +1267,6 @@ button[aria-expanded="true"] {
1228
1267
  }
1229
1268
  }
1230
1269
 
1231
-
1232
-
1233
1270
  /////// Custom list_box_dropdown ///////////
1234
1271
 
1235
1272
  //ScMulti Select//
@@ -2222,8 +2259,6 @@ button[aria-expanded="true"] {
2222
2259
  }
2223
2260
  }
2224
2261
 
2225
-
2226
-
2227
2262
  /////// Custom list_box_dropdown ///////////
2228
2263
 
2229
2264
  //ScMulti Select//
@@ -2934,4 +2969,156 @@ button[aria-expanded="true"] {
2934
2969
  }
2935
2970
  }
2936
2971
 
2937
- // listbox styles
2972
+ // button styles
2973
+ // .p-button.sc_btn,
2974
+ // div.sc_btn {
2975
+ // font-weight: 600;
2976
+ // border-radius: var(--border-radius);
2977
+ // display: flex;
2978
+ // align-items: center;
2979
+ // padding: 8px 16px;
2980
+ // cursor: pointer;
2981
+ // font-size: 14px;
2982
+ // padding: 8px 16px;
2983
+
2984
+ // &:has(svg) {
2985
+ // display: flex;
2986
+ // align-items: center;
2987
+ // gap: 6px;
2988
+ // }
2989
+ // svg {
2990
+ // width: 18px;
2991
+ // height: 18px;
2992
+ // path {
2993
+ // stroke: #fff;
2994
+ // }
2995
+ // }
2996
+ // &.primary {
2997
+ // background-color: var(--primary-500);
2998
+ // color: #fff;
2999
+ // &:hover {
3000
+ // background-color: var(--primary-700);
3001
+ // }
3002
+ // }
3003
+ // &.destructive {
3004
+ // background-color: var(--red-600);
3005
+ // color: #fff;
3006
+ // &:hover {
3007
+ // background-color: var(--red-700);
3008
+ // }
3009
+ // }
3010
+
3011
+ // &.secondary {
3012
+ // background-color: var(--bg-white);
3013
+ // padding-block: 7px !important;
3014
+ // // outline-offset: -1px;
3015
+ // color: var(--gray-700);
3016
+ // border: 1px solid var(--gray-300) !important;
3017
+ // &:hover {
3018
+ // background-color: var(--gray-50);
3019
+ // color: var(--gray-900);
3020
+ // }
3021
+ // }
3022
+
3023
+ // // Teritiary buttons
3024
+ // &.tertiary {
3025
+ // background-color: transparent;
3026
+ // &.primary_text {
3027
+ // color: var(--primary-500);
3028
+ // &:hover {
3029
+ // background-color: var(--primary-25);
3030
+ // color: var(--primary-700);
3031
+ // svg {
3032
+ // path {
3033
+ // stroke: var(--primary-700);
3034
+ // }
3035
+ // }
3036
+ // }
3037
+ // svg {
3038
+ // path {
3039
+ // stroke: var(--primary-600);
3040
+ // }
3041
+ // }
3042
+ // }
3043
+ // &.destructive_text {
3044
+ // color: var(--red-600);
3045
+ // &:hover {
3046
+ // background-color: var(--red-50);
3047
+ // color: var(--red-700);
3048
+ // svg {
3049
+ // path {
3050
+ // stroke: var(--red-700);
3051
+ // }
3052
+ // }
3053
+ // }
3054
+ // svg {
3055
+ // path {
3056
+ // stroke: var(--red-600);
3057
+ // }
3058
+ // }
3059
+ // }
3060
+ // &.secondary_text {
3061
+ // color: var(--gray-600);
3062
+ // &:hover {
3063
+ // background-color: var(--gray-50);
3064
+ // color: var(--gray-700);
3065
+ // svg {
3066
+ // path {
3067
+ // stroke: var(--gray-700);
3068
+ // }
3069
+ // }
3070
+ // }
3071
+ // svg {
3072
+ // path {
3073
+ // stroke: var(--gray-600);
3074
+ // }
3075
+ // }
3076
+ // }
3077
+ // }
3078
+ // &.icon_right {
3079
+ // padding: 8px 12px 8px 16px;
3080
+ // }
3081
+ // &.icon_left {
3082
+ // padding: 8px 16px 8px 12px;
3083
+ // }
3084
+ // &.icon_both {
3085
+ // padding: 8px 12px;
3086
+ // }
3087
+ // &.icon_btn {
3088
+ // padding: 8px 12px;
3089
+ // border-radius: var(--border-radius);
3090
+ // background-color: transparent;
3091
+ // border: 0 !important;
3092
+
3093
+ // &.primary {
3094
+ // svg {
3095
+ // path {
3096
+ // stroke: var(--primary-500);
3097
+ // }
3098
+ // }
3099
+ // &:hover {
3100
+ // background-color: var(--primary-25);
3101
+ // svg {
3102
+ // path {
3103
+ // stroke: var(--primary-700);
3104
+ // }
3105
+ // }
3106
+ // }
3107
+ // }
3108
+ // &.secondary {
3109
+ // svg {
3110
+ // path {
3111
+ // stroke: var(--gray-600);
3112
+ // }
3113
+ // }
3114
+ // &:hover {
3115
+ // background-color: var(--gray-50);
3116
+ // svg {
3117
+ // path {
3118
+ // stroke: var(--gray-700);
3119
+ // }
3120
+ // }
3121
+ // }
3122
+ // }
3123
+ // }
3124
+ // }
package/dist/components/ag-grid/AgGrid.js CHANGED
@@ -42,6 +42,6 @@ const AgGrid = ({ gridOptions, onGridReady, gridRef, style }) => {
42
42
  else {
43
43
  newHeight = style.height;
44
44
  }
45
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `ag-theme-quartz ag-grid-div ${(style === null || style === void 0 ? void 0 : style.height) ? "max-height" : ""}`, style: { height: newHeight, width: style === null || style === void 0 ? void 0 : style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef }, (onGridReady ? { onGridReady: onGridReady } : {}), { reactiveCustomComponents: true }, gridOptions)) })) }));
45
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ag-grid-div", style: { height: newHeight, width: style === null || style === void 0 ? void 0 : style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef }, (onGridReady ? { onGridReady: onGridReady } : {}), { reactiveCustomComponents: true }, gridOptions)) })) }));
46
46
  };
47
47
  exports.default = AgGrid;
package/dist/components/ag-grid/parent-for-grid.js CHANGED
@@ -443,6 +443,6 @@ function ParentForGrid(props) {
443
443
  gridViewFun,
444
444
  gridViewData,
445
445
  setGridViewData,
446
- gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
446
+ gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: props.style, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
447
447
  }
448
448
  exports.default = ParentForGrid;
package/dist/components/list-box-dropdown/list-box-dropdown.js CHANGED
@@ -13,7 +13,7 @@ const ListBoxDropdown = ({ selectAll,
13
13
  // onSelectAll,
14
14
  onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId,
15
15
  // buttonClassName,
16
- showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, }) => {
16
+ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, }) => {
17
17
  const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
18
18
  // const [inpValue, setInpValue] = useState<any>();
19
19
  const optionsMenuRef = (0, react_1.useRef)();
@@ -105,7 +105,7 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
105
105
  template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
106
106
  ? listBoxParentClassName +
107
107
  " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
108
- : "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
108
+ : "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
109
109
  ? listItems.length === selectedItems.length
110
110
  ? []
111
111
  : listItems
@@ -113,17 +113,17 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
113
113
  ? listBoxclassName
114
114
  : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
115
115
  },
116
- ] }), !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",
116
+ ] }), !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",
117
117
  // className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}
118
118
  // link={link ? true : false}
119
- 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 &&
119
+ 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 &&
120
120
  (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {
121
121
  var _a, _b;
122
- 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"
122
+ 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"
123
123
  ? item[`${optionLabel}`]
124
- : (_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"
124
+ : (_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"
125
125
  ? item[`${optionLabel}`]
126
- : (_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)) }));
126
+ : (_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)) }));
127
127
  })) }))] })))] })) }));
128
128
  };
129
129
  exports.default = ListBoxDropdown;
package/dist/components/treeDropdownSelect/treeDropdownSelect.js CHANGED
@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const tree_1 = require("primereact/tree");
6
6
  const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
7
7
  const badge_1 = require("primereact/badge");
8
- const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }) => {
8
+ const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName, icon, }) => {
9
9
  const onClickNode = (e) => {
10
10
  if (clickOnNode)
11
11
  clickOnNode(e);
12
12
  };
13
- 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) }));
13
+ 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) }));
14
14
  };
15
15
  exports.default = TreeDropdownSelect;
package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ListBoxDropdownTypes } from "../types/type";
2
- 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;
2
+ 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;
3
3
  export default ListBoxDropdown;
package/dist/types/components/treeDropdownSelect/treeDropdownSelect.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { TreeDropdownSelectTypes } from '../types/type';
2
- declare const TreeDropdownSelect: ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
1
+ import { TreeDropdownSelectTypes } from "../types/type";
2
+ declare const TreeDropdownSelect: ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName, icon, }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
3
3
  export default TreeDropdownSelect;
package/dist/types/components/types/type.d.ts CHANGED
@@ -195,6 +195,7 @@ export interface TreeDropdownSelectTypes {
195
195
  expandedKeys: any;
196
196
  classNames?: any;
197
197
  isLoading?: boolean;
198
+ icon?: any;
198
199
  }
199
200
  export interface CustomColorPickerTypes {
200
201
  onChange?: any;
@@ -255,6 +256,7 @@ export interface ListBoxDropdownTypes {
255
256
  onFocus?: (payload: any) => void;
256
257
  confirmationOption?: boolean;
257
258
  selectedOptionNone?: boolean;
259
+ type?: any;
258
260
  }
259
261
  export interface DatePickerTypes {
260
262
  value: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.3.46",
3
+ "version": "6.3.48",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",