sccoreui 3.6.3 → 3.6.4
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
|
@@ -170,7 +170,6 @@ h3 {
|
|
|
170
170
|
|
|
171
171
|
.sc_custom_multiselect {
|
|
172
172
|
// max-width: 197px;
|
|
173
|
-
margin: 0 4px;
|
|
174
173
|
width: max-content;
|
|
175
174
|
|
|
176
175
|
* {
|
|
@@ -449,4 +448,10 @@ div:has(ul.date_filter) .p-datepicker-footer {
|
|
|
449
448
|
|
|
450
449
|
// div:has(ul.date_filter) .p-datepicker-group-container {
|
|
451
450
|
// padding: 0;
|
|
452
|
-
// }
|
|
451
|
+
// }
|
|
452
|
+
|
|
453
|
+
.Multi_select_dropdown_panel.hidePanelHeader {
|
|
454
|
+
.p-multiselect-header{
|
|
455
|
+
display: none;
|
|
456
|
+
}
|
|
457
|
+
}
|
|
@@ -43,10 +43,10 @@ const MultiSelectDropDown = (props) => {
|
|
|
43
43
|
setItems(props.value);
|
|
44
44
|
}, [props.value]);
|
|
45
45
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType !== '' &&
|
|
46
|
-
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${(props.dropdownType !== undefined && props.dropdownType === "status") ? 'status_dropdown' : ''} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `panel_${props.dropdownType}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: props.dropdownType === 'status' ? (option) => { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `status_dropdown_item pl-6 ${option.name}` }, { children: option.name })) })); } : '', filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, className: `w-full md:w-20rem` }), items.length > 0 &&
|
|
46
|
+
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${(props.dropdownType !== undefined && props.dropdownType === "status") ? 'status_dropdown' : ''} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: props.dropdownType === 'status' ? (option) => { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `status_dropdown_item pl-6 ${option.name}` }, { children: option.name })) })); } : '', filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, className: `w-full md:w-20rem` }), items.length > 0 &&
|
|
47
47
|
(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
|
|
48
48
|
clearIcon()] }))] })), props.dropdownType === '' &&
|
|
49
|
-
(0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, className: `w-full md:w-20rem` })] }));
|
|
49
|
+
(0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { value: items, panelClassName: `Multi_select_dropdown_panel ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, className: `w-full md:w-20rem` })] }));
|
|
50
50
|
};
|
|
51
51
|
exports.MultiSelectDropDown = MultiSelectDropDown;
|
|
52
52
|
exports.default = exports.MultiSelectDropDown;
|
|
@@ -8930,5 +8930,11 @@ exports.iconList = [
|
|
|
8930
8930
|
</svg>
|
|
8931
8931
|
`,
|
|
8932
8932
|
},
|
|
8933
|
+
{
|
|
8934
|
+
name: "file-check-03",
|
|
8935
|
+
svg: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
8936
|
+
<path d="M11.6654 1.8913V5.33341C11.6654 5.80012 11.6654 6.03348 11.7562 6.21174C11.8361 6.36854 11.9636 6.49602 12.1204 6.57592C12.2986 6.66675 12.532 6.66675 12.9987 6.66675H16.4408M7.4987 13.3334L9.16536 15L12.9154 11.25M11.6654 1.66669H7.33203C5.9319 1.66669 5.23183 1.66669 4.69705 1.93917C4.22665 2.17885 3.8442 2.56131 3.60451 3.03171C3.33203 3.56649 3.33203 4.26656 3.33203 5.66669V14.3334C3.33203 15.7335 3.33203 16.4336 3.60451 16.9683C3.8442 17.4387 4.22665 17.8212 4.69705 18.0609C5.23183 18.3334 5.9319 18.3334 7.33203 18.3334H12.6654C14.0655 18.3334 14.7656 18.3334 15.3003 18.0609C15.7707 17.8212 16.1532 17.4387 16.3929 16.9683C16.6654 16.4336 16.6654 15.7335 16.6654 14.3334V6.66669L11.6654 1.66669Z" stroke="#667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
|
|
8937
|
+
</svg>`
|
|
8938
|
+
}
|
|
8933
8939
|
];
|
|
8934
8940
|
// console.log(iconList.length)
|