@groupeactual/ui-kit 1.6.6 → 1.7.0-beta.0

package/src/components/Modal/Dialog/Dialog.tsx

@@ -10,10 +10,13 @@ import {
 } from '@mui/material';
 import { OverridableTypeMap } from '@mui/material/OverridableComponent';
 
-import IconButton from '../../IconButton';
-import IconProvider from '../../IconProvider';
-import Text from '../../Text';
-import { DialogTitleProps, ModalProps } from '../modal.interface';
+import IconButton from '@/components/IconButton';
+import IconProvider from '@/components/IconProvider';
+import {
+  DialogTitleProps,
+  ModalProps,
+} from '@/components/Modal/modal.interface';
+import Text from '@/components/Text';
 
 const BootstrapDialog = styled(DialogMUI)(() => ({
   '& .MuiDialogContent-root': {

package/src/components/Modal/Drawer/Drawer.tsx

@@ -9,8 +9,8 @@ import {
   Drawer as DrawerMUI,
 } from '@mui/material';
 
-import IconButton from '../../IconButton';
-import { ModalProps } from '../modal.interface';
+import IconButton from '@/components/IconButton';
+import { ModalProps } from '@/components/Modal/modal.interface';
 
 const Drawer = ({
   title,

package/src/components/Navigation/Stepper/Step.tsx

@@ -4,8 +4,9 @@ import { faCheck } from '@fortawesome/pro-regular-svg-icons';
 import { faCheckCircle, faDotCircle } from '@fortawesome/pro-solid-svg-icons';
 import { Box, Stack, useTheme } from '@mui/material';
 
-import IconProvider from '../../IconProvider';
-import Text from '../../Text';
+import IconProvider from '@/components/IconProvider';
+import Text from '@/components/Text';
+
 import { stepperItemsToPercent } from './stepper.helper';
 import { Step } from './stepper.interface';
 

package/src/components/NotistackAdapter/NotistackAdapter.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 
 import { CustomContentProps, SnackbarContent } from 'notistack';
 
-import Snackbar from '../Snackbar/Snackbar';
+import Snackbar from '@/components/Snackbar';
 
 const NotistackAdapter = forwardRef<HTMLDivElement, CustomContentProps>(
   ({ message, variant }, ref) => {

package/src/components/Pagination/Pagination.tsx

@@ -1,5 +1,6 @@
 import React, { ChangeEvent, useEffect, useMemo, useState } from 'react';
 
+import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
 import { PaginationStyle } from '@groupeactual/design-tokens';
 import {
   Box,
@@ -9,8 +10,9 @@ import {
   useTheme,
 } from '@mui/material';
 
-import Select from '../Form/Select';
-import Text from '../Text';
+import Select from '@/components/Form/Select';
+import Text from '@/components/Text';
+
 import { getTotalPages } from './pagination.helper';
 
 interface Props {
@@ -86,7 +88,7 @@ const Pagination = ({
       }}
     >
       <Box display="flex" alignItems="center">
-        <Text variant="body1Medium">
+        <Text variant="body1Bold">
           {totalRows} {totalString}
         </Text>
         <Divider
@@ -99,20 +101,14 @@ const Pagination = ({
           }}
         />
         <Select
-          label=""
           className="dac-select-label"
           labelId="select-label"
           value={internalLimit}
           onChange={handleChangeLimit}
           options={limitsPerPage}
           getRenderValue={(value) => value.toString()}
-          width={75}
-          sx={{
-            backgroundColor: 'white',
-            '&.MuiInputBase-root': {
-              height: '32px !important',
-            },
-          }}
+          popupIcon={faCaretDown}
+          width={60}
         />
         <Text variant="body1" pl="8px">
           {totalPerPageString}

package/src/components/Snackbar/Snackbar.tsx

@@ -9,7 +9,7 @@ import {
 import { SnackbarStyle } from '@groupeactual/design-tokens';
 import { Alert, AlertProps, styled, useTheme } from '@mui/material';
 
-import IconProvider from '../IconProvider/IconProvider';
+import IconProvider from '@/components/IconProvider';
 
 interface Props extends Omit<AlertProps, 'severity' | 'text'> {
   text: string | React.ReactNode;

package/src/components/UploadDocument/FileUploaderSingle.tsx

@@ -21,13 +21,13 @@ import {
 import { Box, IconButton } from '@mui/material';
 import Menu from '@mui/material/Menu';
 
-import GooglePickerWrapper from '../../helpers/GooglePickerWrapper';
-import { dataGetValue } from '../../helpers/dataGetValue';
-import Button from '../Button/Button';
-import IconProvider from '../IconProvider/IconProvider';
-import MenuItem from '../MenuItem/MenuItem';
-import Text from '../Text/Text';
-import Tooltip from '../Tooltip';
+import Button from '@/components/Button';
+import IconProvider from '@/components/IconProvider';
+import MenuItem from '@/components/MenuItem';
+import Text from '@/components/Text';
+import Tooltip from '@/components/Tooltip';
+import GooglePickerWrapper from '@/helpers/GooglePickerWrapper';
+import { dataGetValue } from '@/helpers/dataGetValue';
 
 export interface Props {
   setFile: (file: File | null) => void;

package/src/helpers/GooglePickerWrapper.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import useGoogleDrivePicker, {
   GOOGLE_ACTION,
-} from '../hooks/useGooleDrivePicker';
+} from '@/hooks/useGooleDrivePicker';
 
 interface GooglePickerWrapperProps {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/helpers/dataGetValue.ts

@@ -1,4 +1,4 @@
-import { Haystack } from '../types/googleDrive';
+import { Haystack } from '@/types/googleDrive';
 
 export function dataGetValue(
   object: Haystack,

package/src/hooks/useGooleDrivePicker.ts

@@ -4,7 +4,7 @@ import {
   GoogleDrivePickerData,
   GoogleDrivePickerOptions,
   TokenResponse,
-} from '../types/googleDrive';
+} from '@/types/googleDrive';
 
 const useGoogleDrivePicker = (
   callbackFunction: (result: GoogleDrivePickerData, token: string) => void,
@@ -103,6 +103,6 @@ const useGoogleDrivePicker = (
   return [openPicker, token] as const;
 };
 
-export * from '../types/googleDrive';
+export * from '@/types/googleDrive';
 
 export default useGoogleDrivePicker;

package/src/index.ts

@@ -1,6 +1,4 @@
 export * from './components';
-export {
-  default as DesignSystemProvider,
-  DesignSystemContext,
-  type DesignSystemContextValues
-} from './DesignSystemProvider';
+export { default as DesignSystemProvider } from './DesignSystemProvider';
+export { DesignSystemContext } from './DesignSystemProvider';
+export { type DesignSystemContextValues } from './DesignSystemProvider';

package/dist/cjs/types/components/Form/AutoCompleteMulti/AutoCompleteMulti.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { type AutocompleteProps } from '@mui/material';
-interface AutocompleteMultipleSelectProps<T> extends Omit<AutocompleteProps<T, true, true, false>, 'onChange' | 'value' | 'options' | 'renderInput' | 'error'> {
-    value: T[] | undefined;
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    options: T[];
-    getOptionLabel: (option: T) => string;
-    getKeyValue: (option: T) => string;
-    onChange: (value: T[]) => void;
-    getOptionDisabled?: (option: T) => boolean;
-    color?: 'success';
-    width?: number | string;
-    error?: string;
-}
-declare const AutocompleteMultipleSelect: <T>({ value, label, placeholder, options, disabled, getOptionLabel, getKeyValue, onChange, getOptionDisabled, width, color, helperText, error, ...props }: AutocompleteMultipleSelectProps<T>) => React.JSX.Element;
-export default AutocompleteMultipleSelect;

package/dist/cjs/types/components/Modal/Dialog/Dialog.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ModalProps } from '../modal.interface';
-declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, "footer" | "cardProps" | "size">) => React.JSX.Element;
-export default Dialog;

package/dist/cjs/types/components/Modal/Drawer/Drawer.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ModalProps } from '../modal.interface';
-declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, "withHeaderDivider" | "icon">) => React.JSX.Element;
-export default Drawer;

package/dist/cjs/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-export { default as DesignSystemProvider, DesignSystemContext, type DesignSystemContextValues } from './DesignSystemProvider';