@cccsaurora/howler-ui 2.17.0-dev.533 → 2.17.0-dev.539

package/components/routes/hits/search/shared/CustomSpan.js

@@ -11,12 +11,14 @@ import { useContextSelector } from 'use-context-selector';
 const CustomSpan = () => {
     const { t } = useTranslation();
     const span = useContextSelector(ParameterContext, ctx => ctx.span);
-    const startDate = useContextSelector(ParameterContext, ctx => (ctx.startDate ? dayjs(ctx.startDate) : null));
+    const defaultStartDate = dayjs().subtract(2, 'days');
+    const defaultEndDate = dayjs().subtract(1, 'day');
+    const startDate = useContextSelector(ParameterContext, ctx => ctx.startDate ? dayjs(ctx.startDate) : defaultStartDate);
     const setCustomSpan = useContextSelector(ParameterContext, ctx => ctx.setCustomSpan);
-    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : null));
+    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : defaultEndDate));
     useEffect(() => {
-        if (span?.endsWith('custom') && (!startDate || !endDate)) {
-            setCustomSpan(dayjs().subtract(3, 'days').toISOString(), dayjs().toISOString());
+        if (span?.endsWith('custom')) {
+            setCustomSpan(startDate.format('YYYY-MM-DD HH:mm'), endDate.format('YYYY-MM-DD HH:mm'));
         }
     }, [endDate, setCustomSpan, span, startDate]);
     return span?.endsWith('custom') ? (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsxs(Stack, { direction: "row", spacing: 1, useFlexGap: true, flexWrap: "wrap", children: [_jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.start'), value: startDate ? dayjs(startDate) : dayjs().subtract(1, 'days'), maxDate: endDate, onChange: (newStartDate) => setCustomSpan(newStartDate.toISOString(), endDate.toISOString()), ampm: false, disableFuture: true }), _jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.end'), value: endDate, minDate: startDate, onChange: (newEndDate) => setCustomSpan(startDate.toISOString(), newEndDate.toISOString()), ampm: false, disableFuture: true })] }) })) : null;

package/components/routes/hits/search/shared/SearchSpan.js

@@ -25,8 +25,10 @@ const SearchSpan = ({ omitCustom = false, size }) => {
     const views = useContextSelector(ParameterContext, ctx => ctx.views);
     const span = useContextSelector(ParameterContext, ctx => ctx.span);
     const setSpan = useContextSelector(ParameterContext, ctx => ctx.setSpan);
-    const startDate = useContextSelector(ParameterContext, ctx => (ctx.startDate ? dayjs(ctx.startDate) : null));
-    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : null));
+    const defaultStartDate = dayjs().subtract(2, 'days');
+    const defaultEndDate = dayjs().subtract(1, 'day');
+    const startDate = useContextSelector(ParameterContext, ctx => ctx.startDate ? dayjs(ctx.startDate) : defaultStartDate);
+    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : defaultEndDate));
     const getCurrentViews = useContextSelector(ViewContext, ctx => ctx.getCurrentViews);
     useEffect(() => {
         if (location.search.includes('span')) {

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.17.0-dev.533",
+  "version": "2.17.0-dev.539",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",