@semapps/date-components 1.1.4 → 1.2.0

package/dist/index.es.ts

@@ -0,0 +1,275 @@
+import { jsx as $5Ihaz$jsx, jsxs as $5Ihaz$jsxs } from 'react/jsx-runtime';
+import '@fullcalendar/react/dist/vdom';
+import { DatePicker as $5Ihaz$DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { TimePicker as $5Ihaz$TimePicker } from '@mui/x-date-pickers/TimePicker';
+import { DateTimePicker as $5Ihaz$DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { useCallback as $5Ihaz$useCallback, useMemo as $5Ihaz$useMemo } from 'react';
+import {
+  useInput as $5Ihaz$useInput,
+  useTranslateLabel as $5Ihaz$useTranslateLabel,
+  InputHelperText as $5Ihaz$InputHelperText,
+  useListContext as $5Ihaz$useListContext,
+  useCreatePath as $5Ihaz$useCreatePath
+} from 'react-admin';
+import { LocalizationProvider as $5Ihaz$LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDateFns as $5Ihaz$AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import $5Ihaz$fullcalendarreact from '@fullcalendar/react';
+import $5Ihaz$fullcalendardaygrid from '@fullcalendar/daygrid';
+import { useTheme as $5Ihaz$useTheme } from '@mui/material';
+// @ts-expect-error TS(2307): Cannot find module '@mui/styles/makeStyles' or its... Remove this comment to see the full error message
+import { makeStyles } from 'tss-react/mui';
+import { useSearchParams as $5Ihaz$useSearchParams, useNavigate as $5Ihaz$useNavigate } from 'react-router-dom';
+import $5Ihaz$fullcalendarlist from '@fullcalendar/list';
+
+/* eslint-disable react/react-in-jsx-scope */ /* eslint-disable react/jsx-props-no-spreading */ // Solves bug with Vite in dev mode. Can be removed when we upgrade to FullCalendar v6
+// See https://github.com/fullcalendar/fullcalendar-vue/issues/152
+
+/* eslint-disable react/react-in-jsx-scope */ /* eslint-disable react/require-default-props */
+
+// @ts-expect-error TS(7031): Binding element 'PickerComponent' implicitly has a... Remove this comment to see the full error message
+const $610808f89222f9cc$var$Picker = ({
+  PickerComponent: PickerComponent,
+  label: label,
+  source: source,
+  helperText: helperText,
+  fullWidth: fullWidth,
+  onBlur: onBlur,
+  onChange: onChange,
+  format: format,
+  parse: parse,
+  validate: validate,
+  defaultValue: defaultValue,
+  locale: locale,
+  translations: translations,
+  stringFormat: stringFormat = 'ISO',
+  ...rest
+}) => {
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const {
+    field: field,
+    isRequired: isRequired,
+    fieldState: { error: error, isTouched: isTouched, invalid: invalid },
+    formState: { isSubmitted: isSubmitted }
+  } = (0, $5Ihaz$useInput)({
+    format: format,
+    onBlur: onBlur,
+    onChange: onChange,
+    parse: parse,
+    source: source,
+    validate: validate,
+    defaultValue: defaultValue
+  });
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const handleChange = (0, $5Ihaz$useCallback)(
+    (value: any) => {
+      if (value instanceof Date) field.onChange(stringFormat === 'ISO' ? value.toISOString() : value.toString());
+      else field.onChange(null);
+    },
+    [field, stringFormat]
+  );
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const translateLabel = (0, $5Ihaz$useTranslateLabel)();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const translatedLabel = /*#__PURE__*/ (0, $5Ihaz$jsxs)('span', {
+    children: [
+      translateLabel({
+        label: label,
+        source: source
+      }),
+      // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+      isRequired &&
+        /*#__PURE__*/ (0, $5Ihaz$jsx)('span', {
+          'aria-hidden': 'true',
+          children: '\u2009*'
+        })
+    ]
+  });
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  return /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $5Ihaz$LocalizationProvider), {
+    // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+    dateAdapter: (0, $5Ihaz$AdapterDateFns),
+    adapterLocale: locale,
+    localeText: translations?.components.MuiLocalizationProvider.defaultProps.localeText,
+    // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+    children: /*#__PURE__*/ (0, $5Ihaz$jsx)(PickerComponent, {
+      label: translatedLabel,
+      slotProps: {
+        textField: {
+          error: (isTouched || isSubmitted) && invalid,
+          size: 'small',
+          fullWidth: fullWidth,
+          // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+          helperText: /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $5Ihaz$InputHelperText), {
+            touched: isTouched || isSubmitted,
+            error: error?.message,
+            helperText: helperText
+          })
+        }
+      },
+      value: field.value ? new Date(field.value) : null,
+      onChange: handleChange,
+      ...rest
+    })
+  });
+};
+var $610808f89222f9cc$export$2e2bcd8739ae039 = $610808f89222f9cc$var$Picker;
+
+// @ts-expect-error TS(7031): Binding element 'label' implicitly has an 'any' ty... Remove this comment to see the full error message
+const $37245c02f9b1b006$var$useFullCalendarProps = ({
+  label: label,
+  startDate: startDate,
+  endDate: endDate,
+  linkType: linkType = 'edit'
+}) => {
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const { data: data, isLoading: isLoading, resource: resource } = (0, $5Ihaz$useListContext)();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const [searchParams, setSearchParams] = (0, $5Ihaz$useSearchParams)();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const navigate = (0, $5Ihaz$useNavigate)();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const createPath = (0, $5Ihaz$useCreatePath)();
+  const query = new URLSearchParams(location.search);
+  // Bypass the link in order to use React-Router
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const eventClick = (0, $5Ihaz$useCallback)(({ event: event, jsEvent: jsEvent }) => {
+    jsEvent.preventDefault();
+    navigate(event.url);
+  }, []);
+  // Change the query string when month change
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const datesSet = (0, $5Ihaz$useCallback)(
+    ({ view: view }) => {
+      // @ts-expect-error TS(2345): Argument of type '(params: URLSearchParams) => { m... Remove this comment to see the full error message
+      setSearchParams(params => ({
+        ...params,
+        month: view.currentStart.getMonth() + 1,
+        year: view.currentStart.getFullYear()
+      }));
+    },
+    [setSearchParams]
+  );
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const events = (0, $5Ihaz$useMemo)(
+    () =>
+      !isLoading &&
+      data
+        .filter(record => record)
+        .map(record => ({
+          id: record.id,
+          title: typeof label === 'string' ? record[label] : label(record),
+          start: typeof startDate === 'string' ? record[startDate] : startDate(record),
+          end: typeof endDate === 'string' ? record[endDate] : endDate(record),
+          url: createPath({
+            resource: resource,
+            id: record.id,
+            type: linkType
+          })
+        })),
+    [isLoading, data, resource, createPath]
+  );
+  return {
+    // @ts-expect-error TS(2345): Argument of type 'string | null' is not assignable... Remove this comment to see the full error message
+    initialDate: query.has('month') ? new Date(query.get('year'), query.get('month') - 1) : new Date(),
+    events: events,
+    datesSet: datesSet,
+    eventClick: eventClick
+  };
+};
+var $37245c02f9b1b006$export$2e2bcd8739ae039 = $37245c02f9b1b006$var$useFullCalendarProps;
+
+// @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+const $abbcc02f55461290$var$useGlobalStyles = (0, $5Ihaz$muistylesmakeStyles)((theme: any) => ({
+  '@global': {
+    '.fc-button': {
+      backgroundColor: `${theme.palette.primary.main} !important`,
+      border: 'none !important',
+      opacity: '1 !important'
+    },
+    '.fc-day-today': {
+      backgroundColor: `${theme.palette.secondary.light} !important`
+    },
+    // Overwrite violet color of links
+    'a.fc-daygrid-dot-event': {
+      color: 'black !important'
+    }
+  }
+}));
+const $abbcc02f55461290$var$CalendarList = (props: any) => {
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const theme = (0, $5Ihaz$useTheme)();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const fullCalendarProps = (0, $37245c02f9b1b006$export$2e2bcd8739ae039)(props);
+  $abbcc02f55461290$var$useGlobalStyles();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  return /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $5Ihaz$fullcalendarreact), {
+    plugins: [
+      // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+      (0, $5Ihaz$fullcalendardaygrid)
+    ],
+    locale: props.locale,
+    initialView: 'dayGridMonth',
+    eventBackgroundColor: theme.palette.primary.main,
+    ...fullCalendarProps
+  });
+};
+var $abbcc02f55461290$export$2e2bcd8739ae039 = $abbcc02f55461290$var$CalendarList;
+
+// @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+const $69d9f850452774a2$var$useGlobalStyles = (0, $5Ihaz$muistylesmakeStyles)((theme: any) => ({
+  '@global': {
+    '.fc-button': {
+      backgroundColor: `${theme.palette.primary.main} !important`,
+      border: 'none !important',
+      opacity: '1 !important'
+    }
+  }
+}));
+const $69d9f850452774a2$var$DaysList = (props: any) => {
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  const fullCalendarProps = (0, $37245c02f9b1b006$export$2e2bcd8739ae039)(props);
+  $69d9f850452774a2$var$useGlobalStyles();
+  // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+  return /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $5Ihaz$fullcalendarreact), {
+    plugins: [
+      // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+      (0, $5Ihaz$fullcalendarlist)
+    ],
+    locale: props.locale,
+    initialView: 'listMonth',
+    ...fullCalendarProps
+  });
+};
+var $69d9f850452774a2$export$2e2bcd8739ae039 = $69d9f850452774a2$var$DaysList;
+
+// @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+const $582746363a8b71b9$export$7edc06cf1783b30f = (props: any) =>
+  /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $610808f89222f9cc$export$2e2bcd8739ae039), {
+    // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+    PickerComponent: (0, $5Ihaz$DatePicker),
+    ...props
+  });
+// @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+const $582746363a8b71b9$export$a1af6f79df847fac = (props: any) =>
+  /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $610808f89222f9cc$export$2e2bcd8739ae039), {
+    // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+    PickerComponent: (0, $5Ihaz$TimePicker),
+    ...props
+  });
+// @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+const $582746363a8b71b9$export$183478aa40b5df1 = (props: any) =>
+  /*#__PURE__*/ (0, $5Ihaz$jsx)((0, $610808f89222f9cc$export$2e2bcd8739ae039), {
+    // @ts-expect-error TS(2695): Left side of comma operator is unused and has no s... Remove this comment to see the full error message
+    PickerComponent: (0, $5Ihaz$DateTimePicker),
+    ...props
+  });
+
+export {
+  $582746363a8b71b9$export$7edc06cf1783b30f as DateInput,
+  $582746363a8b71b9$export$a1af6f79df847fac as TimeInput,
+  $582746363a8b71b9$export$183478aa40b5df1 as DateTimeInput,
+  $abbcc02f55461290$export$2e2bcd8739ae039 as CalendarList,
+  $69d9f850452774a2$export$2e2bcd8739ae039 as DaysList,
+  $37245c02f9b1b006$export$2e2bcd8739ae039 as useFullCalendarProps
+};
+//# sourceMappingURL=index.es.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semapps/date-components",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "React-Admin components for date display and input",
   "license": "Apache-2.0",
   "author": "Virtual Assembly",
@@ -12,7 +12,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "parcel build && yalc publish --push --changed",
+    "build": "parcel build --no-cache && yalc publish --push --changed",
     "watch": "nodemon  --ext ts,tsx,js--watch src --exec 'yarn build'",
     "typecheck": "tsc --noEmit"
   },
@@ -21,25 +21,24 @@
     "@fullcalendar/daygrid": "^5.7.2",
     "@fullcalendar/list": "^5.7.2",
     "@fullcalendar/react": "^5.7.0",
-    "@mui/x-date-pickers": "^6.6.0",
-    "date-fns": "~2.8.1"
+    "@mui/x-date-pickers": "^7.1.0",
+    "date-fns": "~2.8.1",
+    "tss-react": "^4.9.19"
   },
   "peerDependencies": {
-    "@mui/material": "^5.13.1",
-    "@mui/styles": "^5.13.1",
+    "@mui/material": "^7.1.0",
     "react": "^18.2.0",
-    "react-admin": "^4.11.0",
-    "react-router-dom": "^6.1.0"
+    "react-admin": "^5.10.1",
+    "react-router-dom": "^7.8.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
-    "@mui/material": "^5.13.1",
-    "@mui/styles": "^5.13.1",
+    "@mui/material": "^7.1.0",
     "react": "^18.2.0",
-    "react-admin": "^4.11.0",
-    "react-router-dom": "^6.1.0"
+    "react-admin": "^5.10.1",
+    "react-router-dom": "^7.6.1"
   },
-  "gitHead": "72bc3b409684a17681c761ea176cf05861aebbc4"
+  "gitHead": "b2d4edd4ace7346c2452cc8831cb30888afda3a9"
 }