sccoreui 6.3.47 → 6.3.49

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 +26 -214
  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 +0 -2
  9. package/package.json +1 -1
package/dist/App.scss CHANGED
@@ -1142,45 +1142,8 @@ button[aria-expanded="true"] {
1142
1142
  }
1143
1143
  }
1144
1144
  }
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-500);
1157
- background: transparent;
1158
- &:not(.section_btn) {
1159
- height: 28px;
1160
- }
1161
- color: var(--primary-500);
1162
- &.section_btn {
1163
- padding: 6px 10px 6px 6px;
1164
- }
1165
- &:hover {
1166
- background-color: var(--primary-25);
1167
- color: var(--primary-700);
1168
- svg {
1169
- path {
1170
- stroke: var(--primary-700);
1171
- }
1172
- }
1173
- }
1174
- &:has(svg) {
1175
- display: flex;
1176
- align-items: center;
1177
- gap: 4px;
1178
- }
1179
- svg {
1180
- path {
1181
- stroke: var(--primary-500);
1182
- }
1183
- }
1145
+
1146
+
1184
1147
  }
1185
1148
 
1186
1149
  .list_box_chips {
@@ -1193,32 +1156,29 @@ button[aria-expanded="true"] {
1193
1156
  gap: 8px;
1194
1157
 
1195
1158
  .list_box_chip {
1196
- padding: 3px 4px 3px 8px;
1197
- border: 1px solid var(--gray-200);
1198
- border-radius: var(--border-radius);
1199
- color: var(--gray-700);
1200
- display: flex;
1201
- align-items: center;
1202
- font-size: 14px;
1203
- gap: 4px;
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);
1204
1174
  svg {
1205
- width: 15px;
1206
- height: 15px;
1175
+ transform: scale(1.1);
1176
+ cursor: pointer;
1207
1177
  path {
1208
- stroke: var(--gray-400);
1209
- }
1210
- }
1211
- &:hover {
1212
- border: 1px solid var(--gray-300);
1213
- background-color: var(--primary-25);
1214
- svg {
1215
- transform: scale(1.1);
1216
- cursor: pointer;
1217
- path {
1218
- stroke: var(--red-500);
1219
- }
1178
+ stroke: var(--red-500);
1220
1179
  }
1221
1180
  }
1181
+ }
1222
1182
  }
1223
1183
  }
1224
1184
 
@@ -1268,6 +1228,8 @@ button[aria-expanded="true"] {
1268
1228
  }
1269
1229
  }
1270
1230
 
1231
+
1232
+
1271
1233
  /////// Custom list_box_dropdown ///////////
1272
1234
 
1273
1235
  //ScMulti Select//
@@ -2260,6 +2222,8 @@ button[aria-expanded="true"] {
2260
2222
  }
2261
2223
  }
2262
2224
 
2225
+
2226
+
2263
2227
  /////// Custom list_box_dropdown ///////////
2264
2228
 
2265
2229
  //ScMulti Select//
@@ -2970,156 +2934,4 @@ button[aria-expanded="true"] {
2970
2934
  }
2971
2935
  }
2972
2936
 
2973
- // button styles
2974
- // .p-button.sc_btn,
2975
- // div.sc_btn {
2976
- // font-weight: 600;
2977
- // border-radius: var(--border-radius);
2978
- // display: flex;
2979
- // align-items: center;
2980
- // padding: 8px 16px;
2981
- // cursor: pointer;
2982
- // font-size: 14px;
2983
- // padding: 8px 16px;
2984
-
2985
- // &:has(svg) {
2986
- // display: flex;
2987
- // align-items: center;
2988
- // gap: 6px;
2989
- // }
2990
- // svg {
2991
- // width: 18px;
2992
- // height: 18px;
2993
- // path {
2994
- // stroke: #fff;
2995
- // }
2996
- // }
2997
- // &.primary {
2998
- // background-color: var(--primary-500);
2999
- // color: #fff;
3000
- // &:hover {
3001
- // background-color: var(--primary-700);
3002
- // }
3003
- // }
3004
- // &.destructive {
3005
- // background-color: var(--red-600);
3006
- // color: #fff;
3007
- // &:hover {
3008
- // background-color: var(--red-700);
3009
- // }
3010
- // }
3011
-
3012
- // &.secondary {
3013
- // background-color: var(--bg-white);
3014
- // padding-block: 7px !important;
3015
- // // outline-offset: -1px;
3016
- // color: var(--gray-700);
3017
- // border: 1px solid var(--gray-300) !important;
3018
- // &:hover {
3019
- // background-color: var(--gray-50);
3020
- // color: var(--gray-900);
3021
- // }
3022
- // }
3023
-
3024
- // // Teritiary buttons
3025
- // &.tertiary {
3026
- // background-color: transparent;
3027
- // &.primary_text {
3028
- // color: var(--primary-500);
3029
- // &:hover {
3030
- // background-color: var(--primary-25);
3031
- // color: var(--primary-700);
3032
- // svg {
3033
- // path {
3034
- // stroke: var(--primary-700);
3035
- // }
3036
- // }
3037
- // }
3038
- // svg {
3039
- // path {
3040
- // stroke: var(--primary-600);
3041
- // }
3042
- // }
3043
- // }
3044
- // &.destructive_text {
3045
- // color: var(--red-600);
3046
- // &:hover {
3047
- // background-color: var(--red-50);
3048
- // color: var(--red-700);
3049
- // svg {
3050
- // path {
3051
- // stroke: var(--red-700);
3052
- // }
3053
- // }
3054
- // }
3055
- // svg {
3056
- // path {
3057
- // stroke: var(--red-600);
3058
- // }
3059
- // }
3060
- // }
3061
- // &.secondary_text {
3062
- // color: var(--gray-600);
3063
- // &:hover {
3064
- // background-color: var(--gray-50);
3065
- // color: var(--gray-700);
3066
- // svg {
3067
- // path {
3068
- // stroke: var(--gray-700);
3069
- // }
3070
- // }
3071
- // }
3072
- // svg {
3073
- // path {
3074
- // stroke: var(--gray-600);
3075
- // }
3076
- // }
3077
- // }
3078
- // }
3079
- // &.icon_right {
3080
- // padding: 8px 12px 8px 16px;
3081
- // }
3082
- // &.icon_left {
3083
- // padding: 8px 16px 8px 12px;
3084
- // }
3085
- // &.icon_both {
3086
- // padding: 8px 12px;
3087
- // }
3088
- // &.icon_btn {
3089
- // padding: 8px 12px;
3090
- // border-radius: var(--border-radius);
3091
- // background-color: transparent;
3092
- // border: 0 !important;
3093
-
3094
- // &.primary {
3095
- // svg {
3096
- // path {
3097
- // stroke: var(--primary-500);
3098
- // }
3099
- // }
3100
- // &:hover {
3101
- // background-color: var(--primary-25);
3102
- // svg {
3103
- // path {
3104
- // stroke: var(--primary-700);
3105
- // }
3106
- // }
3107
- // }
3108
- // }
3109
- // &.secondary {
3110
- // svg {
3111
- // path {
3112
- // stroke: var(--gray-600);
3113
- // }
3114
- // }
3115
- // &:hover {
3116
- // background-color: var(--gray-50);
3117
- // svg {
3118
- // path {
3119
- // stroke: var(--gray-700);
3120
- // }
3121
- // }
3122
- // }
3123
- // }
3124
- // }
3125
- // }
2937
+ // listbox styles
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: { 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 === 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)) })) }));
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: props.style, 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: gridStyle, 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, type, }) => {
16
+ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, }) => {
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, { 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
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
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: `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",
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",
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: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}` }), (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: "sc_list_box_btn", text: true }), (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 : "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"
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"
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 ? "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 ? "pr-6 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: `${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: `absolute right-0 p-1 ${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, icon, }) => {
8
+ const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }) => {
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: 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) }));
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) }));
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, type, }: 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, }: 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, icon, }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
1
+ import { TreeDropdownSelectTypes } from '../types/type';
2
+ declare const TreeDropdownSelect: ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName }: TreeDropdownSelectTypes) => import("react/jsx-runtime").JSX.Element;
3
3
  export default TreeDropdownSelect;
package/dist/types/components/types/type.d.ts CHANGED
@@ -195,7 +195,6 @@ export interface TreeDropdownSelectTypes {
195
195
  expandedKeys: any;
196
196
  classNames?: any;
197
197
  isLoading?: boolean;
198
- icon?: any;
199
198
  }
200
199
  export interface CustomColorPickerTypes {
201
200
  onChange?: any;
@@ -256,7 +255,6 @@ export interface ListBoxDropdownTypes {
256
255
  onFocus?: (payload: any) => void;
257
256
  confirmationOption?: boolean;
258
257
  selectedOptionNone?: boolean;
259
- type?: any;
260
258
  }
261
259
  export interface DatePickerTypes {
262
260
  value: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.3.47",
3
+ "version": "6.3.49",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",