@bindu-dashing/dam-solution-v2 5.8.178 → 5.8.179
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.
|
@@ -248,6 +248,8 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
|
|
|
248
248
|
if (dates) {
|
|
249
249
|
setState((prev) => (Object.assign(Object.assign({}, prev), { customDateRange: dates, selectedDateKey: "custom" })));
|
|
250
250
|
}
|
|
251
|
+
}, onCancelCustomDate: () => {
|
|
252
|
+
setState((prev) => (Object.assign(Object.assign({}, prev), { selectedDateKey: "", customDateRange: null, loadingType: "date" })));
|
|
251
253
|
}, loading: isFetching, loadingType: loadingType }) })), _jsx(ToggleView, { showGrid: showGrid, toggleView: (value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGrid: value }))) })] }), _jsx("div", { className: "md-lib-border-b md-lib-border-borderColor md-lib-mb-4" }), isLoading ? (_jsx(Loader, {})) : isEmpty(folders) ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: error
|
|
252
254
|
? get(error, "message", SOMETHING_WENT_WRONG)
|
|
253
255
|
: includes(Object.values(DriveModes), type)
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Dayjs } from "dayjs";
|
|
2
|
-
declare function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, loading, loadingType, selectedDateKey, customDateRange, }: {
|
|
2
|
+
declare function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, onCancelCustomDate, loading, loadingType, selectedDateKey, customDateRange, }: {
|
|
3
3
|
selectedType: string;
|
|
4
4
|
onDateMenuClick: (params: any) => void;
|
|
5
5
|
onTypeMenuClick: (params: any) => void;
|
|
6
6
|
onChangeDates: (params: any) => void;
|
|
7
|
+
onCancelCustomDate?: () => void;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
loadingType?: string;
|
|
9
10
|
selectedDateKey: string;
|
|
@@ -20,7 +20,7 @@ const typeOptions = [
|
|
|
20
20
|
{ key: FileTypes.MUSIC, label: "Music", icon: _jsx(CustomerServiceOutlined, {}) },
|
|
21
21
|
{ key: FileTypes.OTHER, label: "Other", icon: _jsx(MdMoreHorizIcon, {}) },
|
|
22
22
|
];
|
|
23
|
-
function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, loading, loadingType, selectedDateKey, customDateRange, }) {
|
|
23
|
+
function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, onCancelCustomDate, loading, loadingType, selectedDateKey, customDateRange, }) {
|
|
24
24
|
const [dateDropdownOpen, setDateDropdownOpen] = useState(false);
|
|
25
25
|
const [tempDateRange, setTempDateRange] = useState(customDateRange || null);
|
|
26
26
|
useEffect(() => {
|
|
@@ -40,12 +40,19 @@ function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, on
|
|
|
40
40
|
setDateDropdownOpen(false);
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
+
const handleCustomDateCancel = () => {
|
|
44
|
+
setTempDateRange(customDateRange || null);
|
|
45
|
+
setDateDropdownOpen(false);
|
|
46
|
+
if (selectedDateKey === "custom" && onCancelCustomDate) {
|
|
47
|
+
onCancelCustomDate();
|
|
48
|
+
}
|
|
49
|
+
};
|
|
43
50
|
const dateDropdownContent = (_jsxs("div", { className: "md-lib-min-w-[280px] md-lib-bg-white dark:md-lib-bg-darkPrimary md-lib-rounded-lg md-lib-shadow-lg md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-overflow-hidden", children: [_jsx(Menu, { items: dateOptions, onClick: ({ key }) => {
|
|
44
51
|
onDateMenuClick({ key });
|
|
45
52
|
if (key !== "custom") {
|
|
46
53
|
setDateDropdownOpen(false);
|
|
47
54
|
}
|
|
48
|
-
}, className: "md-lib-border-none" }), _jsxs("div", { className: "md-lib-p-4 md-lib-border-t md-lib-border-borderColor dark:md-lib-border-darkBorderColor", onClick: (e) => e.stopPropagation(), children: [_jsx("p", { className: "md-lib-text-sm md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-mb-2", children: "Custom date range" }), _jsx(RangePicker, { format: FILTER_DATE_FORMAT, value: tempDateRange, onChange: (dates) => setTempDateRange(dates), className: "md-lib-w-full md-lib-mb-3", allowClear: true }), _jsxs("div", { className: "md-lib-flex md-lib-justify-end md-lib-gap-2", children: [_jsx("button", { type: "button", className: "md-lib-px-3 md-lib-py-1.5 md-lib-text-sm md-lib-rounded md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-bg-transparent md-lib-cursor-pointer hover:md-lib-bg-secondaryHoverColor dark:hover:md-lib-bg-darkSecondaryColor", onClick:
|
|
55
|
+
}, className: "md-lib-border-none" }), _jsxs("div", { className: "md-lib-p-4 md-lib-border-t md-lib-border-borderColor dark:md-lib-border-darkBorderColor", onClick: (e) => e.stopPropagation(), children: [_jsx("p", { className: "md-lib-text-sm md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-mb-2", children: "Custom date range" }), _jsx(RangePicker, { format: FILTER_DATE_FORMAT, value: tempDateRange, onChange: (dates) => setTempDateRange(dates), className: "md-lib-w-full md-lib-mb-3", allowClear: true }), _jsxs("div", { className: "md-lib-flex md-lib-justify-end md-lib-gap-2", children: [_jsx("button", { type: "button", className: "md-lib-px-3 md-lib-py-1.5 md-lib-text-sm md-lib-rounded md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-bg-transparent md-lib-cursor-pointer hover:md-lib-bg-secondaryHoverColor dark:hover:md-lib-bg-darkSecondaryColor", onClick: handleCustomDateCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "md-lib-px-3 md-lib-py-1.5 md-lib-text-sm md-lib-rounded md-lib-border-none md-lib-bg-primaryColor md-lib-text-white md-lib-cursor-pointer hover:md-lib-opacity-90", onClick: handleCustomDateApply, disabled: !tempDateRange || !tempDateRange[0] || !tempDateRange[1], children: "Apply" })] })] })] }));
|
|
49
56
|
return (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(Dropdown, { menu: { items: typeOptions, onClick: onTypeMenuClick }, trigger: ["click"], children: _jsx(CustomButton, { label: _jsxs(_Fragment, { children: [selectedType ? capitalize(selectedType) : "Type", " ", _jsx(DownOutlined, {})] }), loading: loading && loadingType === "type", type: !!selectedType ? "primary" : "default", icon: _jsx(IoFilterIcon, {}) }) }), _jsx(Dropdown, { dropdownRender: () => dateDropdownContent, trigger: ["click"], open: dateDropdownOpen, onOpenChange: setDateDropdownOpen, children: _jsx(CustomButton, { type: !!selectedDateKey ? "primary" : "default", label: _jsxs(_Fragment, { children: ["Modified ", _jsx(DownOutlined, {})] }), loading: loading && loadingType === "date", icon: _jsx(IoFilterIcon, {}) }) })] }));
|
|
50
57
|
}
|
|
51
58
|
export default TypeAndDateFilters;
|