kelt-ui-kit-react 1.9.9 → 2.0.0

package/dist/form/Form.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { FormInterface, FormValuesInterface } from './form.interface';
+import { FormInterface, FormMode, FormValuesInterface } from './form.interface';
 
 export type FormProps<T extends {
     [key: string]: string | number | boolean | Date | string[];
@@ -12,6 +12,7 @@ export type FormProps<T extends {
     children?: React.ReactNode;
     initialForm: FormInterface[];
     disabledSubmit?: boolean;
+    mode?: FormMode;
     onSubmit?: (values: FormValuesInterface<T>) => void;
     onChange?: (values: FormValuesInterface<T>) => void;
 };

package/dist/form/form.enum.d.ts

@@ -9,5 +9,6 @@ export declare enum TypeInputEnum {
     RADIO = "radio",
     DATE = "date",
     SELECT = "select",
-    TEXTAREA = "textarea"
+    TEXTAREA = "textarea",
+    PRICE = "price"
 }

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

@@ -1,5 +1,7 @@
 import { TypeInputEnum } from './form.enum';
+import { GridBreakpoints } from '../grid/grid.interface';
 
+export type FormMode = "read" | "edit";
 export type FormValuesInterface<T extends {
     [key: string]: string | number | boolean | Date | string[];
 }> = Partial<{
@@ -27,6 +29,8 @@ export interface FormInterface {
         label: string;
     }[];
     className?: string;
+    col?: GridBreakpoints;
+    formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
     autoComplete?: string;
     step?: string;
     onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;

package/dist/grid/col/Col.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="react" />
-type ColProps = {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
+import { GridBreakpoints } from '../grid.interface';
+
+type ColProps = GridBreakpoints & {
     children: React.ReactNode;
 };
 export declare const Col: React.FC<ColProps>;

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

@@ -1,9 +1,11 @@
-/// <reference types="react" />
+import { GridColumnSpan } from '../../grid.interface';
+
 type ColStyledProps = {
-    $xs?: number;
-    $sm?: number;
-    $md?: number;
-    $lg?: number;
+    $xs?: GridColumnSpan;
+    $sm?: GridColumnSpan;
+    $md?: GridColumnSpan;
+    $lg?: GridColumnSpan;
+    $xl?: GridColumnSpan;
 };
 export declare const ColStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColStyledProps>> & string;
 export {};

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

@@ -1,8 +1,12 @@
 /// <reference types="react" />
-export interface GridInterface {
-    sm?: number;
-    xs?: number;
-    md?: number;
-    lg?: number;
+export type GridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridBreakpoints {
+    xs?: GridColumnSpan;
+    sm?: GridColumnSpan;
+    md?: GridColumnSpan;
+    lg?: GridColumnSpan;
+    xl?: GridColumnSpan;
+}
+export interface GridInterface extends GridBreakpoints {
     children: React.ReactNode;
 }

package/dist/header/header.interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface HeaderInterface {
-    logo?: string;
+    logo?: React.ReactNode;
     children?: React.ReactNode;
     positionFixed?: boolean;
     onClickMenu?: () => void;

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export { Expands } from './expands/Expands';
 export { FilAriane } from './filAriane/FilAriane';
 export { DynamicForm } from './form/Form';
 export { TypeInputEnum } from './form/form.enum';
+export type { FormMode } from './form/form.interface';
 export { Input } from './form/input/Input';
 export { InputNumber } from './form/inputNumber/InputNumber';
 export { InputPrice } from './form/inputPrice/InputPrice';