sccoreui 5.9.80 → 5.9.82
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.
package/dist/App.scss
CHANGED
|
@@ -533,7 +533,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
|
|
|
533
533
|
}
|
|
534
534
|
|
|
535
535
|
.form_field {
|
|
536
|
-
width: 18.063rem;
|
|
536
|
+
// width: 18.063rem;
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
.PhoneInput {
|
|
@@ -1524,11 +1524,11 @@ div:has(ul.date_filter) .p-datepicker-footer {
|
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
1526
|
.full_form_field {
|
|
1527
|
-
width: 37.125rem;
|
|
1527
|
+
// width: 37.125rem;
|
|
1528
1528
|
}
|
|
1529
1529
|
|
|
1530
1530
|
.form_field {
|
|
1531
|
-
width: 18.063rem;
|
|
1531
|
+
// width: 18.063rem;
|
|
1532
1532
|
}
|
|
1533
1533
|
|
|
1534
1534
|
.PhoneInput {
|
|
@@ -50,7 +50,7 @@ const Condtions = (props) => {
|
|
|
50
50
|
const dataType = (selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.columnType) ? selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.columnType : selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.dataType;
|
|
51
51
|
switch (dataType === null || dataType === void 0 ? void 0 : dataType.toLowerCase()) {
|
|
52
52
|
case "string": {
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left w-
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left w-14rem focus:shadow-none lh-44 h-44", value: value, placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_Input) ? filterModelText.elementThreePlaceHolder_Input : "Enter", onChange: (event) => handleDynamicFieldState(event.target.value) }));
|
|
54
54
|
}
|
|
55
55
|
case "integer": {
|
|
56
56
|
const handleOnchangeEvent = (eventValue) => {
|
|
@@ -81,7 +81,7 @@ const Condtions = (props) => {
|
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
if (condition === "9" || condition === "20") {
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left lh-44 h-44 w-
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left lh-44 h-44 w-14rem dropdown-focus-none focus:shadow-none", value: value.includes(",") ? value.replace(",", "-") : value, placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_Input) ? filterModelText.elementThreePlaceHolder_Input : "Enter", onChange: (event) => handleOnchangeEvent(event.target.value) })
|
|
85
85
|
// <div className="flex">
|
|
86
86
|
// <InputNumber
|
|
87
87
|
// disabled={!condition}
|
|
@@ -100,7 +100,7 @@ const Condtions = (props) => {
|
|
|
100
100
|
// </div>
|
|
101
101
|
);
|
|
102
102
|
}
|
|
103
|
-
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left w-
|
|
103
|
+
return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left w-14rem lh-44 h-44 focus:shadow-none", value: value, type: "number", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_Input_Number) ? filterModelText.elementThreePlaceHolder_Input_Number : "Enter", onChange: (event) => { var _a; return handleDynamicFieldState((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.replace("-", '')); } }));
|
|
104
104
|
}
|
|
105
105
|
case "single": {
|
|
106
106
|
// let optionValue = selectedColumn?.options.find((each: any) => each[selectedColumn['key']] === value)
|
|
@@ -131,19 +131,19 @@ const Condtions = (props) => {
|
|
|
131
131
|
return ((0, jsx_runtime_1.jsx)(calendar_1.Calendar, { readOnlyInput: true, showTime: false, disabled: !condition, selectionMode: "single", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_Calender) ? filterModelText.elementThreePlaceHolder_Calender : "Select", className: "condtion-dropdown border-noround-left filter-calendar", value: value, onChange: (event) => handleDynamicFieldState(event.value) }));
|
|
132
132
|
}
|
|
133
133
|
case "multi": {
|
|
134
|
-
return ((0, jsx_runtime_1.jsx)(multi_select_dropdown_1.default, { className: "filter-multi-dropdown w-
|
|
134
|
+
return ((0, jsx_runtime_1.jsx)(multi_select_dropdown_1.default, { className: "filter-multi-dropdown w-14rem ", value: value, hidePanelHeader: true, maxSelectedLabels: 1, onChange: (event) => handleDynamicFieldState(event.value), placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_MultiSelect) ? filterModelText.elementThreePlaceHolder_MultiSelect : "Select", options: selectedColumn.options, dropdownType: "default", optionLabel: "name" }));
|
|
135
135
|
}
|
|
136
136
|
case "decimal": {
|
|
137
|
-
return ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { className: "border-noround-left w-
|
|
137
|
+
return ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, { className: "border-noround-left w-14rem filter-input-decimal", value: value, placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_Input_Number) ? filterModelText.elementThreePlaceHolder_Input_Number : "Enter", onChange: (event) => handleDynamicFieldState(event.target.value), maxFractionDigits: 2 }));
|
|
138
138
|
}
|
|
139
139
|
case "percent": {
|
|
140
|
-
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-
|
|
140
|
+
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-14rem dropdown-focus-none", value: value, options: [], optionLabel: "name", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_DropDown) ? filterModelText.elementThreePlaceHolder_DropDown : "Select", onChange: (event) => handleDynamicFieldState(event.value) }));
|
|
141
141
|
}
|
|
142
142
|
default:
|
|
143
|
-
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-
|
|
143
|
+
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown border-noround-left w-14rem dropdown-focus-none", options: [], value: value, optionLabel: "name", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementThreePlaceHolder_DropDown) ? filterModelText.elementThreePlaceHolder_DropDown : "Select", disabled: true }));
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
console.log(filterModelText);
|
|
147
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex filter-dropdowns align-items-center" }, { children: [index !== 0 ? (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown w-6rem mr-2 remove-focus", options: conditionTypes, optionLabel: "label", placeholder: "Select", value: conditionType, disabled: index !== 1, onChange: (event) => handleConditionType(event.target.value) }) : "", (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: `condtion-dropdown dropdown-focus-none border-noround-right w-
|
|
147
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex filter-dropdowns align-items-center" }, { children: [index !== 0 ? (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condtion-dropdown w-6rem mr-2 remove-focus", options: conditionTypes, optionLabel: "label", placeholder: "Select", value: conditionType, disabled: index !== 1, onChange: (event) => handleConditionType(event.target.value) }) : "", (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: `condtion-dropdown dropdown-focus-none border-noround-right w-14rem`, options: columnsArray, optionLabel: "name", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementOnePlaceHolder) ? filterModelText.elementOnePlaceHolder : "Select", value: columnsArray.find((item) => item.code === columnName.code), onChange: (event) => onUpdateColumnName(event.value) }), (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "condition-type hide-focus border-noround remove-focus border-x-none w-14rem", options: conditionsArray.filter((each) => each.datatypes.includes(columnName === null || columnName === void 0 ? void 0 : columnName.dataType)).map((option) => { return Object.assign(Object.assign({}, option), { name: option.name.toLowerCase().split(' ').map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(' ') }); }), value: condition, disabled: columnName === '', optionLabel: "name", placeholder: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.elementTwoPlaceHolder) ? filterModelText.elementTwoPlaceHolder : "Select", onChange: (event) => onUpdateCondition(event.value), panelClassName: "w-15rem" }), renderDynamicField(columnName), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center ml-4 gap-3 mr-1" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ text: true, className: "focus:shadow-none sc_icon_hover h-auto p-0", onClick: () => onAddCondtion(index), disabled: false }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus-circle", size: 20, color: "text-gray-500" }) })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ text: true, disabled: condtionslenght === 1, className: "focus:shadow-none sc_icon_hover h-auto p-0", onClick: () => onRemoveCondtion(id) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", size: 20, color: "text-gray-500" }) }))] }))] })));
|
|
148
148
|
};
|
|
149
149
|
exports.default = Condtions;
|
|
@@ -16,7 +16,7 @@ const ScMultiSelect = (props) => {
|
|
|
16
16
|
let totalWidth = 0;
|
|
17
17
|
for (let i = 0; i < selectedItems.length; i++) {
|
|
18
18
|
totalWidth += selectedItems[i].offsetWidth; // Approximation, adjust as necessary
|
|
19
|
-
if (totalWidth
|
|
19
|
+
if (totalWidth + (78 + (selectedItems.length * 8)) > containerWidth) { // 20px buffer for ellipsis
|
|
20
20
|
setShowCount(selectedItems.length - i);
|
|
21
21
|
i = selectedItems.length;
|
|
22
22
|
}
|