kelt-ui-kit-react 2.1.8 → 2.1.9

package/dist/damier/damierCell/damierCell.interface.d.ts

@@ -1,5 +1,8 @@
 export interface DamierCellInterface {
     child?: JSX.Element;
+    label?: string;
     position?: number;
     id?: number;
+    /** Page ouverte par la case : sert à construire l'arborescence des pages */
+    linkPageId?: number;
 }

package/dist/damier/damierEditor/DamierEditor.d.ts

@@ -0,0 +1,33 @@
+import { DamierCellInterface } from '../damierCell/damierCell.interface';
+import { DamierPageInterface } from '../damierPage/damierPage.interface';
+import { MaybePromise } from './maybePromise.interface';
+export type DamierEditorProps = {
+    /** Pages du damier ; sans valeur, le composant démarre sur une page "Sommaire" vide */
+    pages?: DamierPageInterface[];
+    /** Page affichée (contrôlée) */
+    currentPageId?: number;
+    /** Masque le champ d'ajout de page de l'arborescence (ajout géré par le parent) */
+    hideAddPage?: boolean;
+    /** Racine de l'arborescence des pages (ex. sommaire), la première page par défaut */
+    rootPageId?: number;
+    /** Dimension de la page créée par défaut, 9 x 9 par défaut */
+    defaultCols?: number;
+    defaultRows?: number;
+    /** Dimension maximale autorisée (colonnes et lignes), 30 par défaut */
+    maxSize?: number;
+    className?: string;
+    onChangePage?: (page: DamierPageInterface) => void;
+    /** Retourner la page enregistrée (id définitif) pour remplacer l'id temporaire (négatif) */
+    onAddPage?: (page: DamierPageInterface) => MaybePromise<DamierPageInterface | void>;
+    /** Sans callback, la suppression de page n'est pas proposée */
+    onDeletePage?: (page: DamierPageInterface) => MaybePromise<void>;
+    onChangeDimension?: (page: DamierPageInterface) => MaybePromise<DamierPageInterface | void>;
+    /** Retourner la case enregistrée (id définitif) pour remplacer l'id temporaire (négatif) */
+    onAddCell?: (cell: DamierCellInterface, page: DamierPageInterface) => MaybePromise<DamierCellInterface | void>;
+    /** Cases dont la position a changé (2 cases en cas d'échange) */
+    onMoveCells?: (cells: DamierCellInterface[], page: DamierPageInterface) => MaybePromise<void>;
+    /** Sans callback, la suppression de case n'est pas proposée */
+    onDeleteCell?: (cell: DamierCellInterface, page: DamierPageInterface) => MaybePromise<void>;
+    onClickCell?: (cell: DamierCellInterface, page: DamierPageInterface) => void;
+};
+export declare const DamierEditor: ({ pages: initialPages, currentPageId, rootPageId, hideAddPage, defaultCols, defaultRows, maxSize, className, onChangePage, onAddPage, onDeletePage, onChangeDimension, onAddCell, onMoveCells, onDeleteCell, onClickCell, }: DamierEditorProps) => import('react/jsx-runtime').JSX.Element;

package/dist/damier/damierEditor/damierEditorCell/DamierEditorCell.d.ts

@@ -0,0 +1,16 @@
+import { DamierCellInterface } from '../../damierCell/damierCell.interface';
+interface DamierEditorCellProps {
+    position: number;
+    cell?: DamierCellInterface;
+    dragging?: boolean;
+    dragOver?: boolean;
+    disabled?: boolean;
+    onDragStart: (position: number) => void;
+    onDragEnd: () => void;
+    onDragOver: (position: number) => void;
+    onDrop: (from: number, to: number) => void;
+    onClick: (position: number, cell?: DamierCellInterface) => void;
+    onDelete?: (cell: DamierCellInterface) => void;
+}
+export declare const DamierEditorCell: ({ position, cell, dragging, dragOver, disabled, onDragStart, onDragEnd, onDragOver, onDrop, onClick, onDelete, }: DamierEditorCellProps) => import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/damier/damierEditor/damierEditorToolbar/DamierEditorToolbar.d.ts

@@ -0,0 +1,10 @@
+import { DamierPageInterface } from '../../damierPage/damierPage.interface';
+interface DamierEditorToolbarProps {
+    page: DamierPageInterface;
+    disabled?: boolean;
+    canAddCell: boolean;
+    onChangeDimension: (cols: number, rows: number) => void;
+    onAddCell: () => void;
+}
+export declare const DamierEditorToolbar: ({ page, disabled, canAddCell, onChangeDimension, onAddCell, }: DamierEditorToolbarProps) => import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/damier/damierEditor/damierEditorTree/DamierEditorTree.d.ts

@@ -0,0 +1,13 @@
+import { DamierPageInterface } from '../../damierPage/damierPage.interface';
+interface DamierEditorTreeProps {
+    pages: DamierPageInterface[];
+    currentPageId: number;
+    rootPageId?: number;
+    disabled?: boolean;
+    onSelect: (page: DamierPageInterface) => void;
+    /** Sans callback, le champ d'ajout de page est masqué */
+    onAdd?: (title: string) => void;
+    onDelete?: (page: DamierPageInterface) => void;
+}
+export declare const DamierEditorTree: ({ pages, currentPageId, rootPageId, disabled, onSelect, onAdd, onDelete, }: DamierEditorTreeProps) => import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/damier/damierEditor/damierEditorTree/damierEditorTreeNode/DamierEditorTreeNode.d.ts

@@ -0,0 +1,11 @@
+import { DamierPageInterface } from '../../../damierPage/damierPage.interface';
+import { DamierTreeNodeInterface } from '../damierTreeNode.interface';
+interface DamierEditorTreeNodeProps {
+    node: DamierTreeNodeInterface;
+    currentPageId: number;
+    activePath: number[];
+    depth?: number;
+    onSelect: (page: DamierPageInterface) => void;
+}
+export declare const DamierEditorTreeNode: ({ node, currentPageId, activePath, depth, onSelect, }: DamierEditorTreeNodeProps) => import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/damier/damierEditor/damierEditorTree/damierTreeNode.interface.d.ts

@@ -0,0 +1,5 @@
+import { DamierPageInterface } from '../../damierPage/damierPage.interface';
+export interface DamierTreeNodeInterface {
+    page: DamierPageInterface;
+    children: DamierTreeNodeInterface[];
+}

package/dist/damier/damierEditor/maybePromise.interface.d.ts

@@ -0,0 +1 @@
+export type MaybePromise<T> = T | Promise<T>;

package/dist/damier/damierPage/damierPage.interface.d.ts

@@ -0,0 +1,8 @@
+import { DamierCellInterface } from '../damierCell/damierCell.interface';
+export interface DamierPageInterface {
+    id: number;
+    title: string;
+    cols: number;
+    rows: number;
+    cells: DamierCellInterface[];
+}

package/dist/damier/utils/buildDamierTree.d.ts

@@ -0,0 +1,3 @@
+import { DamierTreeNodeInterface } from '../damierEditor/damierEditorTree/damierTreeNode.interface';
+import { DamierPageInterface } from '../damierPage/damierPage.interface';
+export declare const buildDamierTree: (pages: DamierPageInterface[], rootPageId?: number) => DamierTreeNodeInterface[];

package/dist/damier/utils/createDefaultDamierPage.d.ts

@@ -0,0 +1,2 @@
+import { DamierPageInterface } from '../damierPage/damierPage.interface';
+export declare const createDefaultDamierPage: (cols?: number, rows?: number, id?: number, title?: string) => DamierPageInterface;

package/dist/damier/utils/damierDefaultSize.d.ts

@@ -0,0 +1 @@
+export declare const DAMIER_DEFAULT_SIZE = 9;

package/dist/damier/utils/findDamierTreePath.d.ts

@@ -0,0 +1,2 @@
+import { DamierTreeNodeInterface } from '../damierEditor/damierEditorTree/damierTreeNode.interface';
+export declare const findDamierTreePath: (nodes: DamierTreeNodeInterface[], pageId: number) => number[];

package/dist/damier/utils/getFirstFreePosition.d.ts

@@ -0,0 +1,2 @@
+import { DamierPageInterface } from '../damierPage/damierPage.interface';
+export declare const getFirstFreePosition: (page: DamierPageInterface) => number | undefined;

package/dist/damier/utils/moveDamierCell.d.ts

@@ -0,0 +1,2 @@
+import { DamierCellInterface } from '../damierCell/damierCell.interface';
+export declare const moveDamierCell: (cells: DamierCellInterface[], from: number, to: number) => DamierCellInterface[];

package/dist/form/form.interface.d.ts

@@ -51,6 +51,8 @@ export interface FormInterface {
     };
     formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
     autoComplete?: string;
+    /** Transforme la valeur saisie avant de la stocker (ex : formatage d'un téléphone) */
+    formatOnChange?: (value: string) => string;
     step?: string;
     onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
     onRequired?: (value: string | number | boolean | Date | string[]) => boolean;

package/dist/form/getFieldError.d.ts

@@ -0,0 +1,2 @@
+import { FormInterface } from './form.interface';
+export declare const getFieldError: (field: FormInterface, value: unknown) => string | undefined;