sccoreui 3.6.1 → 3.6.3

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;
       }
     }
   }
@@ -313,7 +315,7 @@ h3 {
   position: absolute;
   transform: translateY(-50%);
   top: 50%;
-  left: 0px;
+  left: 10px;
   border-radius: 50px;
 }
 
@@ -333,16 +335,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 +364,11 @@ h3 {
   background: #fff;
   height: 100%;
   padding: 4px 16px;
+
   li {
     height: 40px;
-    &:hover{
+
+    &:hover {
       background: #F9FAFB;
     }
   }
@@ -372,7 +377,7 @@ h3 {
     background: #F9FAFB;
   }
 
-  
+
 }
 
 div:has(ul.date_filter) .p-datepicker-group-container {
@@ -402,7 +407,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 +420,33 @@ 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;
 // }

package/dist/components/date-picker/date-picker.js

@@ -116,19 +116,21 @@ const DatePicker = (props) => {
         setPropsState(datePickerProps);
     }, []);
     (0, react_1.useEffect)(() => {
-        if (props.value === null) {
-            setFromDate(null);
-            return;
-        }
-        setFromDate(props.value);
-        const frmD = props.value[0].toLocaleDateString('en-US', options);
-        setFromDateFormate(frmD);
-        if (props.value[1]) {
-            const toD = props.value[1].toLocaleDateString('en-US', options);
-            setToDateFormate(toD);
-        }
-        else {
-            setToDateFormate('-');
+        if (props.value !== undefined) {
+            if (props.value === null) {
+                setFromDate(null);
+                return;
+            }
+            setFromDate(props.value);
+            const frmD = props.value[0].toLocaleDateString('en-US', options);
+            setFromDateFormate(frmD);
+            if (props.value[1]) {
+                const toD = props.value[1].toLocaleDateString('en-US', options);
+                setToDateFormate(toD);
+            }
+            else {
+                setToDateFormate('-');
+            }
         }
     }, [props.value]);
     const clearIcon = () => {

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

@@ -39,10 +39,11 @@ const MultiSelectDropDown = (props) => {
             setIsMoreThenOne(false);
     }, [items]);
     (0, react_1.useEffect)(() => {
-        setItems(props.value);
+        if (props.value !== undefined)
+            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: `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 &&
                             (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` })] }));

package/package.json

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