sccoreui 6.3.48 → 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 -213
  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,44 +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-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
- }
1145
+
1146
+
1183
1147
  }
1184
1148
 
1185
1149
  .list_box_chips {
@@ -1192,32 +1156,29 @@ button[aria-expanded="true"] {
1192
1156
  gap: 8px;
1193
1157
 
1194
1158
  .list_box_chip {
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;
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);
1203
1174
  svg {
1204
- width: 15px;
1205
- height: 15px;
1175
+ transform: scale(1.1);
1176
+ cursor: pointer;
1206
1177
  path {
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
- }
1178
+ stroke: var(--red-500);
1219
1179
  }
1220
1180
  }
1181
+ }
1221
1182
  }
1222
1183
  }
1223
1184
 
@@ -1267,6 +1228,8 @@ button[aria-expanded="true"] {
1267
1228
  }
1268
1229
  }
1269
1230
 
1231
+
1232
+
1270
1233
  /////// Custom list_box_dropdown ///////////
1271
1234
 
1272
1235
  //ScMulti Select//
@@ -2259,6 +2222,8 @@ button[aria-expanded="true"] {
2259
2222
  }
2260
2223
  }
2261
2224
 
2225
+
2226
+
2262
2227
  /////// Custom list_box_dropdown ///////////
2263
2228
 
2264
2229
  //ScMulti Select//
@@ -2969,156 +2934,4 @@ button[aria-expanded="true"] {
2969
2934
  }
2970
2935
  }
2971
2936
 
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
- // }
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.48",
3
+ "version": "6.3.49",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",