@pautena/react-design-system 0.2.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +13 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/value-displays/index.d.ts +1 -0
- package/dist/cjs/types/components/value-displays/value-datetime/index.d.ts +1 -0
- package/dist/cjs/types/components/value-displays/value-datetime/value-datetime.d.ts +18 -0
- package/dist/cjs/types/generators/generators.mock.d.ts +9 -5
- package/dist/cjs/types/generators/generators.model.d.ts +25 -1
- package/dist/esm/index.js +13 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/value-displays/index.d.ts +1 -0
- package/dist/esm/types/components/value-displays/value-datetime/index.d.ts +1 -0
- package/dist/esm/types/components/value-displays/value-datetime/value-datetime.d.ts +18 -0
- package/dist/esm/types/generators/generators.mock.d.ts +9 -5
- package/dist/esm/types/generators/generators.model.d.ts +25 -1
- package/dist/index.d.ts +45 -2
- package/package.json +6 -2
- package/src/components/value-displays/index.ts +1 -0
- package/src/components/value-displays/value-datetime/index.ts +1 -0
- package/src/components/value-displays/value-datetime/value-datetime.stories.tsx +21 -0
- package/src/components/value-displays/value-datetime/value-datetime.test.tsx +23 -0
- package/src/components/value-displays/value-datetime/value-datetime.tsx +40 -0
- package/src/components/value-displays/value-text/{value-test.test.tsx → value-text.test.tsx} +0 -0
- package/src/generators/generators.mock.ts +56 -17
- package/src/generators/generators.model.ts +39 -1
- package/src/generators/model-form/model-form.stories.tsx +2 -2
- package/src/generators/model-form/model-form.test.tsx +39 -22
- package/src/generators/model-form/model-form.tsx +220 -33
- package/src/generators/model-router/model-router.test.tsx +46 -52
- package/src/generators/model-router/stories/model-router.stories.tsx +6 -2
- package/src/generators/object-details/object-details.tsx +5 -4
- package/src/storybook.tsx +10 -0
- package/src/tests/actions.ts +43 -0
- package/src/tests/assertions.ts +70 -1
- package/src/tests/index.ts +1 -0
- package/src/tests/testing-library.tsx +5 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./value-datetime";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ValueDatetimeProps {
|
|
2
|
+
/**
|
|
3
|
+
* Name of the displayed value
|
|
4
|
+
*/
|
|
5
|
+
label: string;
|
|
6
|
+
/**
|
|
7
|
+
* Value displayed
|
|
8
|
+
*/
|
|
9
|
+
value: Date;
|
|
10
|
+
/**
|
|
11
|
+
* Datetime format
|
|
12
|
+
*/
|
|
13
|
+
format: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Displays a formated datetime with a label
|
|
17
|
+
*/
|
|
18
|
+
export declare const ValueDatetime: ({ label, value, format: fmt }: ValueDatetimeProps) => JSX.Element;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { Model } from "./generators.model";
|
|
1
|
+
import { BasicModelInstance, Model } from "./generators.model";
|
|
2
|
+
export declare const BirthDateFormat = "dd/MM/yyyy";
|
|
3
|
+
export declare const ReturnTimeFormat = "HH:mm";
|
|
4
|
+
export declare const TradeDateFormat = "dd/MM/yyyy HH:mm";
|
|
2
5
|
export declare const mockModel: Model;
|
|
3
6
|
export interface MockInstance {
|
|
4
7
|
id: string;
|
|
@@ -7,18 +10,19 @@ export interface MockInstance {
|
|
|
7
10
|
lastName: string;
|
|
8
11
|
gender: string;
|
|
9
12
|
age: number;
|
|
10
|
-
birthDate:
|
|
13
|
+
birthDate: Date;
|
|
11
14
|
car: {
|
|
12
15
|
model: string;
|
|
13
16
|
manufacturer: string;
|
|
14
17
|
color: string;
|
|
15
|
-
type: string;
|
|
18
|
+
type: string[];
|
|
16
19
|
vin: string;
|
|
17
20
|
vrm: string;
|
|
21
|
+
returnTime: Date;
|
|
18
22
|
};
|
|
19
23
|
quantity: number;
|
|
20
24
|
available: boolean;
|
|
21
25
|
currency: string;
|
|
22
|
-
tradeDate:
|
|
26
|
+
tradeDate: Date;
|
|
23
27
|
}
|
|
24
|
-
export declare const createModelInstance: <T extends
|
|
28
|
+
export declare const createModelInstance: <T extends BasicModelInstance>(model: Model, seed?: number) => T;
|
|
@@ -20,7 +20,30 @@ declare type NumberField = {
|
|
|
20
20
|
declare type BooleanField = {
|
|
21
21
|
type: "boolean";
|
|
22
22
|
};
|
|
23
|
-
declare type
|
|
23
|
+
declare type EnumField = {
|
|
24
|
+
type: "enum";
|
|
25
|
+
value: string[];
|
|
26
|
+
};
|
|
27
|
+
declare type MultiEnumField = {
|
|
28
|
+
type: "multienum";
|
|
29
|
+
value: string[];
|
|
30
|
+
};
|
|
31
|
+
declare type DateField = {
|
|
32
|
+
type: "date";
|
|
33
|
+
format: string;
|
|
34
|
+
default: any;
|
|
35
|
+
};
|
|
36
|
+
declare type TimeField = {
|
|
37
|
+
type: "time";
|
|
38
|
+
format: string;
|
|
39
|
+
default: any;
|
|
40
|
+
};
|
|
41
|
+
declare type DatetimeField = {
|
|
42
|
+
type: "datetime";
|
|
43
|
+
format: string;
|
|
44
|
+
default: any;
|
|
45
|
+
};
|
|
46
|
+
declare type SingleFields = StringField | NumberField | BooleanField | EnumField | MultiEnumField | DateField | TimeField | DatetimeField;
|
|
24
47
|
export declare type GroupField = {
|
|
25
48
|
type: "group";
|
|
26
49
|
value: (Base & Breakpoints & SingleFields)[];
|
|
@@ -34,4 +57,5 @@ export interface BasicModelInstance {
|
|
|
34
57
|
id: string;
|
|
35
58
|
[key: string]: any;
|
|
36
59
|
}
|
|
60
|
+
export declare type ModelFieldTypes = "string" | "number" | "boolean" | "enum" | "multienum";
|
|
37
61
|
export {};
|