kelt-ui-kit-react 2.0.2 → 2.0.4

package/dist/card/Card.d.ts

@@ -1,6 +1,7 @@
 import { PositionOverlay } from '../overlayPanel/OverlayPanel';
 import { CardInterface } from './card.interface';
 import { CardActionInterface } from './cardAction.interface';
+import { GridResponsive } from '../grid/grid.interface';
 
 type CardProps = {
     item: CardInterface;
@@ -11,6 +12,8 @@ type CardProps = {
     children?: JSX.Element;
     customAction?: JSX.Element;
     positionOverlay?: PositionOverlay;
+    /** Largeur sur laquelle se basent les breakpoints du footer, défaut : "app" */
+    responsive?: GridResponsive;
 };
-export declare const Card: ({ item, actions, className, handleClick, onClose, customAction, positionOverlay, children, }: CardProps) => JSX.Element;
+export declare const Card: ({ item, actions, className, handleClick, onClose, customAction, positionOverlay, responsive, children, }: CardProps) => JSX.Element;
 export {};

package/dist/expands/Expands.d.ts

@@ -6,6 +6,7 @@ type ExpandProps = {
     onChange?: (item: ExpandInterface) => void;
     currentItem?: ExpandInterface;
     showArrow?: boolean;
+    catchfocusCapture?: boolean;
 };
 export declare const Expands: (props: ExpandProps) => import("react/jsx-runtime").JSX.Element;
 export type { ExpandProps };

package/dist/expands/expand/expand.d.ts

@@ -5,6 +5,7 @@ export type ExpandProps = {
     item: ExpandInterface;
     className?: string;
     showArrow?: boolean;
+    catchfocusCapture?: boolean;
     onChange: (item: ExpandInterface) => void;
 };
-export declare const Expand: ({ currentExpand, item, className, showArrow, onChange, }: ExpandProps) => JSX.Element;
+export declare const Expand: ({ currentExpand, item, className, showArrow, catchfocusCapture, onChange, }: ExpandProps) => JSX.Element;

package/dist/form/Form.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { FormInterface, FormMode, FormSection, FormValuesInterface } from './form.interface';
+import { GridBreakpoints, GridResponsive } from '../grid/grid.interface';
 
 export type FormProps<T extends {
     [key: string]: string | number | boolean | Date | string[];
@@ -14,6 +15,11 @@ export type FormProps<T extends {
     sections?: FormSection[];
     disabledSubmit?: boolean;
     mode?: FormMode;
+    /** Largeur sur laquelle se basent les breakpoints des champs (col), défaut : "app" */
+    responsive?: GridResponsive;
+    /** Place le bouton submit dans la grid (dernière ligne) avec ces tailles de col.
+     *  Ignoré si les champs n'utilisent pas la grid : le bouton reste dans le footer. */
+    submitCol?: GridBreakpoints;
     onSubmit?: (values: FormValuesInterface<T>) => void;
     onChange?: (values: FormValuesInterface<T>) => void;
 };

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

@@ -18,7 +18,7 @@ export interface FormSection {
     className?: string;
 }
 export interface FormInterface {
-    value: string | number | boolean | Date;
+    value: string | number | boolean | Date | string[];
     id?: string;
     label?: string;
     focus?: boolean;
@@ -30,6 +30,8 @@ export interface FormInterface {
     condition?: FormCondition;
     icon?: string;
     multiple?: boolean;
+    usePortal?: boolean;
+    searchable?: boolean;
     options?: {
         value: string;
         label: string;
@@ -49,7 +51,7 @@ export interface FormInterface {
     autoComplete?: string;
     step?: string;
     onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
-    onRequired?: (value: string | number | boolean | Date) => boolean;
-    onDisabled?: (value: string | number | boolean | Date) => boolean;
+    onRequired?: (value: string | number | boolean | Date | string[]) => boolean;
+    onDisabled?: (value: string | number | boolean | Date | string[]) => boolean;
     onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/grid/Grid.d.ts

@@ -1,9 +1,12 @@
-import { GridInterface } from './grid.interface';
+import { GridInterface, GridResponsive } from './grid.interface';
+import { GridGap } from './row/Row';
 
 type GridProps = {
     items: GridInterface[];
     className?: string;
     scroll?: boolean;
+    gap?: GridGap;
+    responsive?: GridResponsive;
 };
-export declare const Grid: ({ items, className, scroll }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ items, className, scroll, gap, responsive, }: GridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/grid/col/colStyled/ColStyled.d.ts

@@ -1,6 +1,7 @@
-import { GridColumnSpan } from '../../grid.interface';
+import { GridColumnSpan, GridResponsive } from '../../grid.interface';
 
 type ColStyledProps = {
+    $responsive: GridResponsive;
     $xs?: GridColumnSpan;
     $sm?: GridColumnSpan;
     $md?: GridColumnSpan;

package/dist/grid/grid.interface.d.ts

@@ -1,5 +1,16 @@
 /// <reference types="react" />
-export type GridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Largeur de référence pour les breakpoints des Col :
+ * - "app" (défaut) : le conteneur app-container
+ * - "viewport" : la fenêtre (@media)
+ * - "row" : la Row elle-même (utile pour une grid dans une card, un panneau...)
+ */
+export type GridResponsive = "app" | "viewport" | "row";
+/**
+ * Nombre de colonnes sur 12, ou "auto" : la colonne partage la place restante
+ * de la ligne à parts égales avec les autres "auto" (ex. 5 champs sur une ligne).
+ */
+export type GridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto";
 export interface GridBreakpoints {
     xs?: GridColumnSpan;
     sm?: GridColumnSpan;

package/dist/grid/row/Row.d.ts

@@ -1,8 +1,15 @@
+import { GridResponsive } from '../grid.interface';
 
+export type GridGap = boolean | number | string;
+export declare const RowResponsiveContext: import('react').Context<GridResponsive>;
 type RowProps = {
     children: React.ReactNode;
     className?: string;
     scroll?: boolean;
+    /** true (défaut) : gap par défaut, false : pas de gap, number : px, string : valeur CSS ("1rem") */
+    gap?: GridGap;
+    /** Largeur sur laquelle se basent les breakpoints des Col (défaut : "app") */
+    responsive?: GridResponsive;
 };
 export declare const Row: React.FC<RowProps>;
 export {};