sccoreui 3.6.2 → 3.6.4

package/dist/App.scss

@@ -161,6 +161,8 @@ h3 {
         border-left: 2px solid #132067;
         border-bottom: 2px solid #132067;
         transform: rotate(-45deg);
+        position: absolute;
+        right: 10px;
       }
     }
   }
@@ -168,7 +170,6 @@ h3 {
 
 .sc_custom_multiselect {
   // max-width: 197px;
-  margin: 0 4px;
   width: max-content;
 
   * {
@@ -313,7 +314,7 @@ h3 {
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
-  left: 0px;
+  left: 10px;
   border-radius: 50px;
 }
 
@@ -333,16 +334,17 @@ h3 {
 .custom_date_picker_sec {
 
   .custom_date_picker {
+
     // padding-left: 134px;
-    .p-inputtext{
+    .p-inputtext {
       padding-right: 16px;
       width: 130px;
       // max-width: max-content;
     }
   }
-  
+
   .custom_date_picker.multiple {
-    .p-inputtext{
+    .p-inputtext {
       width: 236px;
       // max-width: max-content;
     }
@@ -361,9 +363,11 @@ h3 {
   background: #fff;
   height: 100%;
   padding: 4px 16px;
+
   li {
     height: 40px;
-    &:hover{
+
+    &:hover {
       background: #F9FAFB;
     }
   }
@@ -372,7 +376,7 @@ h3 {
     background: #F9FAFB;
   }
 
-  
+
 }
 
 div:has(ul.date_filter) .p-datepicker-group-container {
@@ -402,7 +406,7 @@ div:has(ul.date_filter) .p-datepicker-group-container .p-datepicker-group {
   border-top: 0;
 }
 
-div:has(ul.date_filter) .p-datepicker-group-container div:nth-child(2){
+div:has(ul.date_filter) .p-datepicker-group-container div:nth-child(2) {
   border-right: 0;
 }
 
@@ -415,6 +419,39 @@ div:has(ul.date_filter) .p-datepicker-footer {
   margin: -8px;
 }
 
+.panel_status {
+  .p-multiselect-filter-container {
+    display: none;
+  }
+
+  .p-multiselect-header {
+    padding: 0 !important;
+    border-bottom: 0;
+  }
+}
+
+.p-multiselect-panel {
+  .p-multiselect-items {
+    padding: 6px;
+    min-width: 140px !important;
+
+  }
+}
+
+.panel_withIcon.p-multiselect-panel {
+  .p-multiselect-items {
+    .p-multiselect-item {
+      padding: 0 10px;
+    }
+  }
+}
+
 // div:has(ul.date_filter) .p-datepicker-group-container {
 //   padding: 0;
-// }
+// }
+
+.Multi_select_dropdown_panel.hidePanelHeader {
+  .p-multiselect-header{
+    display: none;
+  }
+}

package/dist/components/multi-select-dropdown/multi-select-dropdown.js

@@ -43,10 +43,10 @@ const MultiSelectDropDown = (props) => {
             setItems(props.value);
     }, [props.value]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType !== '' &&
-                (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, { 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-3 ${option.name}` }, { children: option.name })) })); } : '', filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, className: `w-full md:w-20rem` }), items.length > 0 &&
+                (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 &&
                             (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 &&
                                         clearIcon()] }))] })), props.dropdownType === '' &&
-                (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` })] }));
+                (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` })] }));
 };
 exports.MultiSelectDropDown = MultiSelectDropDown;
 exports.default = exports.MultiSelectDropDown;

package/dist/directives/svg-icons.js

@@ -8930,5 +8930,11 @@ exports.iconList = [
       </svg>
       `,
     },
+    {
+        name: "file-check-03",
+        svg: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <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"/>
+        </svg>`
+    }
 ];
 // console.log(iconList.length)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "3.6.2",
+  "version": "3.6.4",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",