cortex-react-ui 0.2.30 → 0.2.32

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { CSSProperties } from 'react';
 import { IDetectedBarcode, IScannerProps } from '@yudiel/react-qr-scanner';
 import { WebcamProps } from 'react-webcam';
@@ -79,6 +79,67 @@ interface ButtonProps {
 }
 declare const Button: React__default.FC<ButtonProps>;
 
+interface ChipProps {
+    label: string;
+    chipColor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+    chipRadius?: 'low' | 'medium' | 'hight';
+    size?: 'small' | 'medium' | 'large';
+    deletable: boolean;
+    onDelete?: () => void;
+    chipStyle?: React__default.CSSProperties;
+    icon?: React__default.ReactElement;
+}
+declare const Chip: React__default.FC<ChipProps>;
+
+interface CellSegment {
+    value: React.ReactNode;
+    span: number;
+}
+interface ColumnBase<T> {
+    key: string;
+    header: React.ReactNode;
+    icon?: React.ReactElement;
+    width?: number | string;
+    align?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    whiteSpace?: 'normal' | 'nowrap' | 'pre-wrap' | 'break-spaces';
+    getSegments?: (row: T) => CellSegment[];
+}
+type ColumnDef<T> = ColumnBase<T> & {
+    columns?: readonly ColumnBase<T>[];
+};
+
+type DataGridProps<T> = {
+    rows: readonly T[];
+    getRowId: (row: T) => string;
+    columns: readonly ColumnDef<T>[];
+    loading?: boolean;
+    dataEmptyLabel?: React__default.ReactNode;
+    linePerPageLabel?: string;
+    tableContainer?: React__default.CSSProperties;
+    tableStyle?: React__default.CSSProperties;
+    headerCellStyle?: React__default.CSSProperties;
+    cellStyle?: React__default.CSSProperties;
+    footerCellStyle?: React__default.CSSProperties;
+    contextMenuStyle?: React__default.CSSProperties;
+    primaryRowColor?: string;
+    secondaryRowColor?: string;
+    hoverRowColor?: string;
+    selectedRowColor?: string;
+    defaultRowsPerPage?: number;
+    rowsPerPageOptions?: number[];
+    hoverableRows?: boolean;
+    selectableRows?: boolean;
+    onSelectedRowChange?: (row: T | null) => void;
+    onClickRow?: (row: T) => void;
+    onContextMenuRow?: (row: T) => void;
+    renderContextMenu?: (row: T, close: () => void) => React__default.ReactNode;
+    conditionnalRowStyle?: (row: T) => React__default.CSSProperties | undefined;
+    conditionnalColumnStyle?: (column: ColumnBase<T>, row: T) => React__default.CSSProperties | undefined;
+    conditionnalColumnHeaderStyle?: (column: ColumnBase<T>) => React__default.CSSProperties | undefined;
+};
+declare function DataGrid<T>(props: DataGridProps<T>): React__default.JSX.Element;
+
 type TScanConfirmDialogLabels = {
     title?: string;
     message?: string;
@@ -415,12 +476,12 @@ declare const CrossIcon: React__default.FC<Props>;
  * En React 18, ref est passé séparément via forwardRef
  */
 type ForwardRefProps<T, P = object> = P & {
-    ref?: React.Ref<T>;
+    ref?: React$1.Ref<T>;
 };
 /**
  * Type pour la fonction de rendu compatible React 18/19
  */
-type ForwardRefRenderFunction<T, P> = (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null;
+type ForwardRefRenderFunction<T, P> = (props: P, ref: React$1.ForwardedRef<T>) => React$1.ReactElement | null;
 /**
  * Composant wrapper compatible React 18 et React 19
  *
@@ -441,7 +502,7 @@ type ForwardRefRenderFunction<T, P> = (props: P, ref: React.ForwardedRef<T>) =>
  * );
  * ```
  */
-declare function forwardRef<T, P>(render: ForwardRefRenderFunction<T, P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
+declare function forwardRef<T, P>(render: ForwardRefRenderFunction<T, P>): React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<P> & React$1.RefAttributes<T>>;
 
-export { AuthDownloadLink, BarLoader, Button, Camera, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ConfirmDialog, ContextMenu, CrossIcon, Dialog, DialogActions, DialogContent, DialogFooter, DialogHeader, DialogTitle, Divider, DomContainer, ErrorDialog, Map, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Scanner, Selected, Spinner, TagInput, ToggleButton, Tooltip, WarningDialog, forwardRef };
+export { AuthDownloadLink, BarLoader, Button, Camera, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Chip, ConfirmDialog, ContextMenu, CrossIcon, DataGrid, Dialog, DialogActions, DialogContent, DialogFooter, DialogHeader, DialogTitle, Divider, DomContainer, ErrorDialog, Map, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Scanner, Selected, Spinner, TagInput, ToggleButton, Tooltip, WarningDialog, forwardRef };
 export type { ForwardRefProps, ForwardRefRenderFunction };

package/lib/styles/index.scss

@@ -10,6 +10,8 @@
 @use "Dialog";
 @use "Scanner";
 @use "Button";
+@use "Chip";
+@use "DataGrid";
 @use "ToggleButton";
 @use "Selected";
 @use "BarLoader";
@@ -26,6 +28,8 @@
 @include Scanner.scanner();
 @include Dialog.dialog();
 @include Button.button();
+@include DataGrid.datagrid();
+@include Chip.chip();
 @include ToggleButton.toggleButton();
 @include Selected.selected();
 @include BarLoader.barLoader();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cortex-react-ui",
-  "version": "0.2.30",
+  "version": "0.2.32",
   "description": "React UI",
   "author": "Anthony",
   "license": "MIT",
@@ -64,6 +64,17 @@
     "react-icons": "^5.4.0",
     "react-webcam": "^7.2.0"
   },
+  "peerDependenciesMeta": {
+    "react-webcam": {
+      "optional": true
+    },
+    "@yudiel/react-qr-scanner": {
+      "optional": true
+    },
+    "react-icons": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",