@applica-software-guru/react-admin 1.3.182 → 1.3.184

package/src/components/ra-lists/Datagrid/Datagrid.tsx

@@ -9,17 +9,16 @@ import {
   DatagridClasses,
   DatagridRoot
 } from 'react-admin';
-
-import * as React from 'react';
 import { cloneElement, createElement, isValidElement, useCallback, useRef, useEffect, FC, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import { sanitizeListRestProps, useListContext, Identifier } from 'ra-core';
 import { Table } from '@mui/material';
+import * as React from 'react';
+import BulkActionsToolbar from '../BulkActionsToolbar';
 import clsx from 'clsx';
-import union from 'lodash/union';
-import difference from 'lodash/difference';
 import DatagridContextProvider from './DatagridContextProvider';
-import BulkActionsToolbar from '../BulkActionsToolbar';
+import difference from 'lodash/difference';
+import PropTypes from 'prop-types';
+import union from 'lodash/union';
 
 const defaultBulkActionButtons = <BulkDeleteButton />;
 

package/src/components/ra-lists/Datagrid/DatagridContextProvider.tsx

@@ -1,5 +1,5 @@
-import React, { ReactElement, ReactNode } from 'react';
 import DatagridContext, { DatagridContextValue } from './DatagridContext';
+import React, { ReactElement, ReactNode } from 'react';
 
 const DatagridContextProvider = ({ children, value }: { children: ReactNode; value: DatagridContextValue }): ReactElement => (
   <DatagridContext.Provider value={value}>{children}</DatagridContext.Provider>

package/src/components/ra-lists/Datagrid/index.tsx

@@ -1,6 +1,5 @@
 import { Datagrid as RaDatagrid } from './Datagrid';
 import { DatagridProps } from 'react-admin';
-
 import { styled } from '@mui/material/styles';
 
 const StyledDatagrid = styled(RaDatagrid, {
@@ -43,13 +42,10 @@ const StyledDatagrid = styled(RaDatagrid, {
  * It is used by the List component.
  * It is not meant to be used directly.
  * Thsi version is designed by Applica for Mantis and expose few overrides on css styles based on this theme.
- *
- * @param {DatagridProps} props
- * @returns {JSX.Element}
  */
-const Datagrid = (props: DatagridProps): JSX.Element => {
+export function Datagrid(props: DatagridProps): JSX.Element {
   // @ts-ignore
   return <StyledDatagrid {...props} />;
-};
+}
 
 export default Datagrid;

package/src/components/ra-lists/Empty.tsx

@@ -1,12 +1,9 @@
 /* eslint-disable camelcase */
-import * as React from 'react';
-
-import { useGetResourceLabel, useResourceContext, useResourceDefinition, useTranslate } from 'ra-core';
-
 import { Inbox } from '@mui/icons-material';
-import PropTypes from 'prop-types';
-import { Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
+import { Typography } from '@mui/material';
+import { useGetResourceLabel, useResourceContext, useResourceDefinition, useTranslate } from 'ra-core';
+import * as React from 'react';
 
 export type EmptyProps = {
   /**
@@ -37,11 +34,8 @@ const StyledToolbar = styled('div')(({ theme }) => ({
  *
  * @example
  * <List empty={<Empty actions={<Button label="Add" onClick={add} />} />} />
- *
- * @param {EmptyProps}
- * @returns {JSX.Element}
  */
-const Empty = ({ actions, className, ...props }: EmptyProps): JSX.Element => {
+export function Empty({ actions, className, ...props }: EmptyProps): JSX.Element {
   const { hasCreate } = useResourceDefinition(props);
   const resource = useResourceContext(props);
 
@@ -77,7 +71,7 @@ const Empty = ({ actions, className, ...props }: EmptyProps): JSX.Element => {
       <StyledToolbar className={EmptyClasses.toolbar}>{actions}</StyledToolbar>
     </Root>
   );
-};
+}
 
 const PREFIX = 'ApplicaEmpty';
 
@@ -110,9 +104,4 @@ const Root = styled('span', {
   }
 }));
 
-Empty.propTypes = {
-  actions: PropTypes.element,
-  className: PropTypes.string
-};
-
 export default Empty;

package/src/components/ra-lists/List.tsx

@@ -1,10 +1,9 @@
-import { TitlePropType, ListProps } from 'react-admin';
-import MainCard from '../MainCard';
-import { styled } from '@mui/system';
-import { ReactElement } from 'react';
-import PropTypes from 'prop-types';
 import { ListBase, RaRecord } from 'ra-core';
+import { ListProps } from 'react-admin';
 import { ListView } from './ListView';
+import { ReactElement } from 'react';
+import { styled } from '@mui/system';
+import MainCard from '../MainCard';
 
 /**
  * List page component
@@ -87,49 +86,18 @@ const RaList = <RecordType extends RaRecord = any>({
   </ListBase>
 );
 
-// export interface ListProps<RecordType extends RaRecord = any> extends ListControllerProps<RecordType>, ListViewProps {}
-
-RaList.propTypes = {
-  // the props you can change
-  // @ts-ignore-line
-  actions: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
-  aside: PropTypes.element,
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  emptyWhileLoading: PropTypes.bool,
-  filter: PropTypes.object,
-  filterDefaultValues: PropTypes.object,
-  filters: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-  // @ts-ignore-line
-  pagination: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
-  perPage: PropTypes.number,
-  //@ts-ignore-line
-  sort: PropTypes.shape({
-    field: PropTypes.string,
-    order: PropTypes.oneOf(['ASC', 'DESC'] as const)
-  }),
-  sx: PropTypes.any,
-  title: TitlePropType,
-  // the props managed by react-admin
-  disableSyncWithLocation: PropTypes.bool,
-  hasCreate: PropTypes.bool,
-  resource: PropTypes.string
-};
-
 const defaultFilter = {};
 
-const ApplicaStyledList = styled(RaList, {
+const StyledList = styled(RaList, {
   name: 'RaApplicaList',
   slot: 'root'
 })(({ theme }) => ({
   '& .RaList-main': {
     overflowX: 'auto',
-
     '& .RaBulkActionsToolbar-toolbar': {
-      // La barra delle operazioni massive di react-admin non è perfettamente
-      // compatibile con il tema mantis, peratnto ho dovuto apportare una serie
-      // di correzioni per allinearla correttamente e consentirne l'utilizzo anche
-      // su tabelle con scorrimento orizontale (sopratutto su mobile).
+      // The react-admin bulk actions toolbar is not perfectly compatible with the
+      // mantis theme, so I had to make a series of corrections to align it correctly
+      // and allow its use even on tables with horizontal scrolling (especially on mobile).
       height: 36,
       top: 42,
       paddingTop: 16,
@@ -218,16 +186,12 @@ const ApplicaStyledList = styled(RaList, {
   }
 }));
 
-const List = (props: ListProps): JSX.Element => {
+export function List(props: ListProps): ReactElement {
   return (
     <MainCard content={false}>
-      <ApplicaStyledList {...props} />
+      <StyledList {...props} />
     </MainCard>
   );
-};
-
-List.propTypes = {
-  ...RaList.propTypes
-};
+}
 
 export default List;

package/src/components/ra-lists/ListView.tsx

@@ -1,13 +1,11 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
 import { cloneElement, ReactElement, ReactNode, ElementType } from 'react';
-import { Title, TitlePropType, Pagination as DefaultPagination, ListToolbar, ListActions as DefaultActions, Empty } from 'react-admin';
-import PropTypes from 'prop-types';
+import { styled } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
+import { Title, Pagination as DefaultPagination, ListToolbar, ListActions as DefaultActions, Empty } from 'react-admin';
+import { useListContext, RaRecord } from 'ra-core';
+import * as React from 'react';
 import Card from '@mui/material/Card';
 import clsx from 'clsx';
-import { ComponentPropType, useListContext, RaRecord } from 'ra-core';
-
 import Error from '../Layout/Error';
 
 const defaultActions = <DefaultActions />;
@@ -76,19 +74,6 @@ export const ListView = <RecordType extends RaRecord = any>(props: ListViewProps
   );
 };
 
-ListView.propTypes = {
-  actions: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
-  aside: PropTypes.element,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  component: ComponentPropType,
-  emptyWhileLoading: PropTypes.bool,
-  filters: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-  hasCreate: PropTypes.bool,
-  pagination: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
-  title: TitlePropType
-};
-
 export interface ListViewProps {
   /**
    * The actions to display in the toolbar. defaults to Filter + Create + Export.

package/src/components/ra-lists/NotificationList/{NotificationList.jsx → NotificationList.tsx}

@@ -1,13 +1,12 @@
-import { MarkAsReadedButton, MarkAsUnreadedButton } from './button';
-import { useMemo } from 'react';
 import { darken, lighten, useTheme } from '@mui/material';
-
-import ActionsMenu from '../../ActionsMenu';
 import { Datagrid } from 'react-admin';
 import { DateAgoField } from '../../ra-fields';
-import { NotificationField } from './field';
+import { MarkAsReadedButton, MarkAsUnreadedButton } from './buttons';
+import { NotificationField } from './fields';
+import { useMemo } from 'react';
+import ActionsMenu from '../../ActionsMenu';
 
-const NotificationList = ({ ...props }) => {
+export function NotificationList({ ...props }): JSX.Element {
   const theme = useTheme();
   const { mode, colorize, density } = useMemo(
     () => ({
@@ -17,7 +16,7 @@ const NotificationList = ({ ...props }) => {
     }),
     [theme.palette.mode]
   );
-  const rowSx = (record) => ({
+  const rowSx = (record: any) => ({
     backgroundColor: !record?.readed ? colorize(theme.palette.primary[mode], density) : colorize(theme.palette.secondary[mode], density)
   });
 
@@ -31,6 +30,6 @@ const NotificationList = ({ ...props }) => {
       </ActionsMenu>
     </Datagrid>
   );
-};
+}
 
 export default NotificationList;

package/src/components/ra-lists/NotificationList/{button/MarkAsReadedButton.jsx → buttons/MarkAsReadedButton.tsx}

@@ -8,16 +8,15 @@ import {
   useUnselectAll,
   useUpdateMany
 } from 'react-admin';
-
 import { Email } from '@mui/icons-material';
-import dayjs from 'dayjs';
 import { useCallback } from 'react';
+import dayjs from 'dayjs';
 
-const MarkAsReadedButton = () => {
+export function MarkAsReadedButton(): JSX.Element {
   const refresh = useRefresh();
   const notify = useNotify();
-  const unselectAll = useUnselectAll();
-  const resource = useResourceContext();
+  const resource = useResourceContext() as string;
+  const unselectAll = useUnselectAll(resource);
   const { selectedIds, data: tableRows } = useListContext();
   const record = useRecordContext();
   const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id));
@@ -26,17 +25,18 @@ const MarkAsReadedButton = () => {
     {
       ids: selectedIds.length > 0 ? selectedIds : [record?.id],
       data: { readed: dayjs().format('YYYY-MM-DD HH:mm:ss') },
+      // @ts-ignore
       rows
     },
     {
       onSuccess: () => {
         refresh();
         notify('resources.notifications.messages.readed.done');
-        unselectAll(resource);
+        unselectAll();
       },
-      onError: () => notify('ra.notification.readed_error', 'warning'),
+      onError: () => notify('ra.notification.readed_error', { type: 'warning' }),
 
-      onFailure: () => notify('ra.notification.readed_error', 'warning')
+      onFailure: () => notify('ra.notification.readed_error', { type: 'warning' })
     }
   );
   const handleUpdateMany = useCallback(() => {
@@ -48,6 +48,6 @@ const MarkAsReadedButton = () => {
       <Email />
     </Button>
   );
-};
+}
 
 export default MarkAsReadedButton;

package/src/components/ra-lists/NotificationList/{button/MarkAsUnreadedButton.jsx → buttons/MarkAsUnreadedButton.tsx}

@@ -12,28 +12,29 @@ import {
 import { Drafts } from '@mui/icons-material';
 import { useCallback } from 'react';
 
-const MarkAsUnreadedButton = () => {
+export function MarkAsUnreadedButton(): JSX.Element {
   const refresh = useRefresh();
   const notify = useNotify();
-  const unselectAll = useUnselectAll();
+  const resource = useResourceContext();
+  const unselectAll = useUnselectAll(resource);
   const { selectedIds, data: tableRows } = useListContext();
   const record = useRecordContext();
-  const resource = useResourceContext();
   const rows = selectedIds.map((id) => tableRows.find((d) => d.id === id)).concat([record]);
   const [updateMany, { isLoading }] = useUpdateMany(
     resource,
     {
       ids: selectedIds.length > 0 ? selectedIds : [record?.id],
       data: { readed: null },
+      // @ts-ignore
       rows
     },
     {
       onSuccess: () => {
         refresh();
         notify('resources.notifications.messages.unreaded.done');
-        unselectAll('notifications');
+        unselectAll();
       },
-      onFailure: () => notify('resources.notifications.messages.unreaded.error', 'warning')
+      onFailure: () => notify('resources.notifications.messages.unreaded.error', { type: 'warning' })
     }
   );
 
@@ -51,6 +52,6 @@ const MarkAsUnreadedButton = () => {
       <Drafts />
     </Button>
   );
-};
+}
 
 export default MarkAsUnreadedButton;

package/src/components/ra-lists/NotificationList/buttons/index.ts

@@ -0,0 +1,2 @@
+export * from './MarkAsReadedButton';
+export * from './MarkAsUnreadedButton';

package/src/components/ra-lists/NotificationList/{field/NotificationField.jsx → fields/NotificationField.tsx}

@@ -1,10 +1,10 @@
 import { Box, Typography } from '@mui/material';
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useLocaleState, useNotify, useRecordContext, useRedirect, useResourceContext, useTranslate, useUpdate } from 'react-admin';
 
 import dayjs from 'dayjs';
 
-const NotificationField = (props) => {
+export function NotificationField(props: any): JSX.Element {
   const record = useRecordContext(props);
   const resource = useResourceContext(props);
   const redirect = useRedirect();
@@ -35,8 +35,8 @@ const NotificationField = (props) => {
           }
         }
       },
-      onFailure: () => {
-        notify('ra.notification.readed_error', 'warning');
+      onError: () => {
+        notify('ra.notification.readed_error', { type: 'warning' });
       }
     }
   );
@@ -65,5 +65,5 @@ const NotificationField = (props) => {
       )}
     </div>
   );
-};
+}
 export default NotificationField;

package/src/components/ra-lists/NotificationList/fields/index.ts

@@ -0,0 +1 @@
+export * from './NotificationField';

package/src/components/ra-lists/NotificationList/index.ts

@@ -0,0 +1 @@
+export * from './NotificationList'

package/src/components/ra-lists/SimpleList.tsx

@@ -1,7 +1,7 @@
 import { SimpleList as RaSimpleList } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-const StyledSimpleList = styled(RaSimpleList, {
+export const SimpleList = styled(RaSimpleList, {
   name: 'ApplicaSimpleList',
   slot: 'root'
 })(({ theme }) => ({
@@ -10,4 +10,4 @@ const StyledSimpleList = styled(RaSimpleList, {
   paddingBottom: 0
 }));
 
-export default StyledSimpleList;
+export default SimpleList;

package/src/components/ra-lists/index.ts

@@ -1,7 +1,7 @@
-export { default as BulkActionsToolbar } from './BulkActionsToolbar';
-export { default as BulkFloatingActionsToolbar } from './BulkFloatingActionsToolbar';
-export { default as Datagrid } from './Datagrid';
-export { default as Empty } from './Empty';
-export { default as List } from './List';
-export { default as NotificationList } from './NotificationList';
-export { default as SimpleList } from './SimpleList';
+export * from './BulkActionsToolbar';
+export * from './BulkFloatingActionsToolbar';
+export * from './Datagrid';
+export * from './Empty';
+export * from './List';
+export * from './NotificationList';
+export * from './SimpleList';

package/src/components/ra-pages/LoginPage.tsx

@@ -5,7 +5,6 @@ import { Link as RouterLink, useNavigate } from 'react-router-dom';
 import AuthBackground from '../AuthBackground';
 import AuthWrapper from '../AuthWrapper';
 import { BaseAuthProps } from './types';
-import PropTypes from 'prop-types';
 import { TextInput } from '../ra-inputs';
 import { useEffect } from 'react';
 
@@ -42,7 +41,16 @@ export type LoginPageProps = BaseAuthProps & {
    */
   redirectTo: string;
 };
-const LoginPage = ({ version, name, copy, logo, enablePasswordRecover, enableRegistration, redirectTo, background }: LoginPageProps) => {
+export function LoginPage({
+  version,
+  name,
+  copy,
+  logo,
+  enablePasswordRecover = false,
+  enableRegistration = false,
+  redirectTo,
+  background = <AuthBackground />
+}: LoginPageProps): JSX.Element {
   const [loading, setLoading] = useSafeSetState(false);
   const login = useLogin();
   const translate = useTranslate();
@@ -135,19 +143,6 @@ const LoginPage = ({ version, name, copy, logo, enablePasswordRecover, enableReg
       </Grid>
     </AuthWrapper>
   );
-};
-
-LoginPage.propTypes = {
-  version: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  enablePasswordRecover: PropTypes.bool,
-  enableRegister: PropTypes.bool,
-  background: PropTypes.element
-};
-LoginPage.defaultProps = {
-  enablePasswordRecover: false,
-  enableRegister: false,
-  background: <AuthBackground />
-};
+}
 
 export default LoginPage;

package/vite.config.js

@@ -5,81 +5,94 @@ import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import react from '@vitejs/plugin-react';
 import { resolve } from 'node:path';
+import process from 'process';
 
 const { EsLinter, linterPlugin } = EsLint;
-export default defineConfig((configEnv) => ({
-  resolve: {
-    alias: {
-      // eslint-disable-next-line no-undef
-      '@applica-software-guru/react-admin': resolve(__dirname, 'src')
-    }
-  },
-  plugins: [
-    dts({
-      include: ['./src/**/*.{js,jsx,ts,tsx}']
-    }),
-    react(),
-    linterPlugin({
-      include: ['./src/**/*.{js,jsx,ts,tsx}'],
-      linters: [new EsLinter({ configEnv })]
-    })
-  ],
-  optimizeDeps: {
-    include: ['react', 'react-dom', 'react-admin', 'ra-ui-materialui', 'ra-core', 'ra-i18n-polyglot']
-  },
-  build: {
-    sourcemap: true,
-    lib: {
-      entry: resolve('src', 'index.jsx'),
-      name: 'react-admin',
-      formats: ['es', 'umd', 'cjs'],
-      fileName: (format) => `react-admin.${format}.js`
+
+export default defineConfig((configEnv) => {
+  const isWatching = process.argv.includes('--watch');
+  return {
+    resolve: {
+      alias: {
+        // eslint-disable-next-line no-undef
+        '@applica-software-guru/react-admin': resolve(__dirname, 'src')
+      }
     },
-    rollupOptions: {
-      onwarn(warning, warn) {
-        if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && warning.message.includes(`'use client'`)) {
-          return;
-        }
-        warn(warning);
+    plugins: isWatching
+      ? [
+          react(),
+          linterPlugin({
+            include: ['./src/**/*.{js,jsx,ts,tsx}'],
+            linters: [new EsLinter({ configEnv })]
+          })
+        ]
+      : [
+          dts({
+            include: ['./src/**/*.{js,jsx,ts,tsx}']
+          }),
+          react(),
+          linterPlugin({
+            include: ['./src/**/*.{js,jsx,ts,tsx}'],
+            linters: [new EsLinter({ configEnv })]
+          })
+        ],
+    optimizeDeps: {
+      include: ['react', 'react-dom', 'react-admin', 'ra-ui-materialui', 'ra-core', 'ra-i18n-polyglot']
+    },
+    build: {
+      sourcemap: true,
+      lib: {
+        entry: resolve('src', 'index.jsx'),
+        name: 'react-admin',
+        formats: ['es', 'umd', 'cjs'],
+        fileName: (format) => `react-admin.${format}.js`
       },
-      external: Object.keys(packageJson.peerDependencies || {}).concat([
-        '@ant-design/icons',
-        '@emotion/react',
-        '@emotion/styled',
-        '@mui/icons-material',
-        '@mui/material',
-        'ra-core',
-        'ra-i18n-polyglot',
-        'react-admin',
-        'react-hook-form',
-        'react-query',
-        'react-router-dom',
-        'react-router',
-        'react/jsx-runtime',
-        'react-refresh'
-      ]),
-      output: {
-        globals: {
-          '@ant-design/icons': '@ant-design/icons',
-          '@emotion/react': '@emotion/react',
-          '@emotion/styled': '@emotion/styled',
-          '@mui/icons-material': '@mui/icons-material',
-          '@mui/material': '@mui/material',
-          '@mui/base': '@mui/base',
-          'ra-core': 'ra-core',
-          'ra-i18n-polyglot': 'ra-i18n-polyglot',
-          'ra-ui-materialui': 'ra-ui-materialui',
-          'react-admin': 'react-admin',
-          'react-dom': 'ReactDOM',
-          'react-hook-form': 'react-hook-form',
-          'react-query': 'react-query',
-          'react-router-dom': 'react-router-dom',
-          'react-router': 'react-router',
-          'react/jsx-runtime': 'react/jsx-runtime',
-          'react-refresh': 'react-refresh',
-          react: 'React'
+      rollupOptions: {
+        onwarn(warning, warn) {
+          if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && warning.message.includes(`'use client'`)) {
+            return;
+          }
+          warn(warning);
+        },
+        external: Object.keys(packageJson.peerDependencies || {}).concat([
+          '@ant-design/icons',
+          '@emotion/react',
+          '@emotion/styled',
+          '@mui/icons-material',
+          '@mui/material',
+          'ra-core',
+          'ra-i18n-polyglot',
+          'react-admin',
+          'react-hook-form',
+          'react-query',
+          'react-router-dom',
+          'react-router',
+          'react/jsx-runtime',
+          'react-refresh'
+        ]),
+        output: {
+          globals: {
+            '@ant-design/icons': '@ant-design/icons',
+            '@emotion/react': '@emotion/react',
+            '@emotion/styled': '@emotion/styled',
+            '@mui/icons-material': '@mui/icons-material',
+            '@mui/material': '@mui/material',
+            '@mui/base': '@mui/base',
+            'ra-core': 'ra-core',
+            'ra-i18n-polyglot': 'ra-i18n-polyglot',
+            'ra-ui-materialui': 'ra-ui-materialui',
+            'react-admin': 'react-admin',
+            'react-dom': 'ReactDOM',
+            'react-hook-form': 'react-hook-form',
+            'react-query': 'react-query',
+            'react-router-dom': 'react-router-dom',
+            'react-router': 'react-router',
+            'react/jsx-runtime': 'react/jsx-runtime',
+            'react-refresh': 'react-refresh',
+            react: 'React'
+          }
         }
       }
     }
-  }
-}));
+  };
+});

package/dist/components/ra-lists/NotificationList/button/MarkAsReadedButton.d.ts

@@ -1,3 +0,0 @@
-export default MarkAsReadedButton;
-declare function MarkAsReadedButton(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MarkAsReadedButton.d.ts.map

package/dist/components/ra-lists/NotificationList/button/MarkAsReadedButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkAsReadedButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ra-lists/NotificationList/button/MarkAsReadedButton.jsx"],"names":[],"mappings":";AAeA,+EAmCC"}