@draftbit/core 46.10.2 → 46.10.3-31b3e0.2
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/lib/commonjs/index.js +0 -21
- package/lib/commonjs/mappings/NativeBase/Layout.js +114 -0
- package/lib/module/index.js +0 -3
- package/lib/module/mappings/NativeBase/Layout.js +107 -0
- package/lib/typescript/src/index.d.ts +0 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +144 -0
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/index.js +0 -3
- package/src/index.tsx +0 -3
- package/src/mappings/NativeBase/Layout.js +119 -0
- package/src/mappings/NativeBase/Layout.ts +141 -0
- package/lib/commonjs/components/Row.js +0 -73
- package/lib/commonjs/components/RowBodyIcon.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
- package/lib/commonjs/mappings/Container.js +0 -37
- package/lib/module/components/Row.js +0 -63
- package/lib/module/components/RowBodyIcon.js +0 -35
- package/lib/module/components/RowHeadlineImageCaption.js +0 -35
- package/lib/module/components/RowHeadlineImageIcon.js +0 -41
- package/lib/module/mappings/Container.js +0 -30
- package/lib/typescript/src/components/Row.d.ts +0 -21
- package/lib/typescript/src/components/Row.d.ts.map +0 -1
- package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
- package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
- package/lib/typescript/src/mappings/Container.d.ts +0 -55
- package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
- package/src/components/Row.js +0 -48
- package/src/components/Row.tsx +0 -108
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowBodyIcon.tsx +0 -47
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageCaption.tsx +0 -49
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/RowHeadlineImageIcon.tsx +0 -61
- package/src/mappings/Container.js +0 -30
- package/src/mappings/Container.ts +0 -41
package/lib/commonjs/index.js
CHANGED
|
@@ -255,24 +255,6 @@ Object.defineProperty(exports, "Row", {
|
|
|
255
255
|
return _Layout.Row;
|
|
256
256
|
}
|
|
257
257
|
});
|
|
258
|
-
Object.defineProperty(exports, "RowBodyIcon", {
|
|
259
|
-
enumerable: true,
|
|
260
|
-
get: function () {
|
|
261
|
-
return _RowBodyIcon.default;
|
|
262
|
-
}
|
|
263
|
-
});
|
|
264
|
-
Object.defineProperty(exports, "RowHeadlineImageCaption", {
|
|
265
|
-
enumerable: true,
|
|
266
|
-
get: function () {
|
|
267
|
-
return _RowHeadlineImageCaption.default;
|
|
268
|
-
}
|
|
269
|
-
});
|
|
270
|
-
Object.defineProperty(exports, "RowHeadlineImageIcon", {
|
|
271
|
-
enumerable: true,
|
|
272
|
-
get: function () {
|
|
273
|
-
return _RowHeadlineImageIcon.default;
|
|
274
|
-
}
|
|
275
|
-
});
|
|
276
258
|
Object.defineProperty(exports, "SVG", {
|
|
277
259
|
enumerable: true,
|
|
278
260
|
get: function () {
|
|
@@ -459,9 +441,6 @@ var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePi
|
|
|
459
441
|
var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
|
|
460
442
|
var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
|
|
461
443
|
var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
|
|
462
|
-
var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
|
|
463
|
-
var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
|
|
464
|
-
var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
|
|
465
444
|
var _Slider = _interopRequireDefault(require("./components/Slider"));
|
|
466
445
|
var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
467
446
|
var _useAuthState = require("./components/useAuthState");
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
var _types = require("@draftbit/types");
|
|
8
|
+
const SHARED_SEED_DATA = {
|
|
9
|
+
category: _types.COMPONENT_TYPES.layout,
|
|
10
|
+
packageName: "native-base",
|
|
11
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS
|
|
12
|
+
};
|
|
13
|
+
const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = _types.CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== _types.StylesPanelSections.LayoutFlexItems && item !== _types.StylesPanelSections.LayoutContent);
|
|
14
|
+
const SEED_DATA = [{
|
|
15
|
+
name: "Aspect Ratio",
|
|
16
|
+
tag: "AspectRatio",
|
|
17
|
+
description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
|
|
18
|
+
...SHARED_SEED_DATA,
|
|
19
|
+
props: {
|
|
20
|
+
ratio: (0, _types.createStaticNumberProp)({
|
|
21
|
+
label: "Ratio",
|
|
22
|
+
description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
|
|
23
|
+
defaultValue: 1.33
|
|
24
|
+
})
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
name: "Box",
|
|
28
|
+
tag: "Box",
|
|
29
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
30
|
+
...SHARED_SEED_DATA
|
|
31
|
+
}, {
|
|
32
|
+
name: "Center",
|
|
33
|
+
tag: "Center",
|
|
34
|
+
description: "Center aligns its contents to the center within itself",
|
|
35
|
+
...SHARED_SEED_DATA,
|
|
36
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
37
|
+
}, {
|
|
38
|
+
name: "Circle",
|
|
39
|
+
tag: "Circle",
|
|
40
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
41
|
+
...SHARED_SEED_DATA,
|
|
42
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
43
|
+
}, {
|
|
44
|
+
name: "Container",
|
|
45
|
+
tag: "Container",
|
|
46
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
|
|
47
|
+
props: {
|
|
48
|
+
centerContent: (0, _types.createStaticBoolProp)({
|
|
49
|
+
label: "Center content",
|
|
50
|
+
description: "Center child elements based on their content width",
|
|
51
|
+
defaultValue: true
|
|
52
|
+
})
|
|
53
|
+
},
|
|
54
|
+
...SHARED_SEED_DATA
|
|
55
|
+
}, {
|
|
56
|
+
name: "Column",
|
|
57
|
+
tag: "Column",
|
|
58
|
+
description: "Column aligns items vertically",
|
|
59
|
+
layout: {
|
|
60
|
+
flexDirection: "column"
|
|
61
|
+
},
|
|
62
|
+
...SHARED_SEED_DATA
|
|
63
|
+
}, {
|
|
64
|
+
name: "Row",
|
|
65
|
+
tag: "Row",
|
|
66
|
+
description: "Column aligns items horizontally",
|
|
67
|
+
layout: {
|
|
68
|
+
flexDirection: "row"
|
|
69
|
+
},
|
|
70
|
+
...SHARED_SEED_DATA
|
|
71
|
+
}, {
|
|
72
|
+
name: "Spacer",
|
|
73
|
+
tag: "Spacer",
|
|
74
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
75
|
+
...SHARED_SEED_DATA,
|
|
76
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
77
|
+
}, {
|
|
78
|
+
name: "Stack",
|
|
79
|
+
tag: "Stack",
|
|
80
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop",
|
|
81
|
+
...SHARED_SEED_DATA,
|
|
82
|
+
props: {
|
|
83
|
+
direction: (0, _types.createTextEnumProp)({
|
|
84
|
+
label: "Direction",
|
|
85
|
+
description: "The direction of the Stack",
|
|
86
|
+
options: ["row", "column"],
|
|
87
|
+
defaultValue: "column"
|
|
88
|
+
}),
|
|
89
|
+
reversed: (0, _types.createBoolProp)({
|
|
90
|
+
label: "Reversed",
|
|
91
|
+
description: "Determines whether to reverse the direction of items"
|
|
92
|
+
}),
|
|
93
|
+
isDisabled: (0, _types.createBoolProp)({
|
|
94
|
+
label: "Disabled",
|
|
95
|
+
description: "If true, the Stack will be disabled"
|
|
96
|
+
}),
|
|
97
|
+
isInvalid: (0, _types.createBoolProp)({
|
|
98
|
+
label: "Invalid",
|
|
99
|
+
description: "If true, the Stack will be invalid"
|
|
100
|
+
})
|
|
101
|
+
}
|
|
102
|
+
}, {
|
|
103
|
+
name: "ZStack",
|
|
104
|
+
tag: "ZStack",
|
|
105
|
+
description: "ZStack aligns items to the z-axis",
|
|
106
|
+
...SHARED_SEED_DATA,
|
|
107
|
+
props: {
|
|
108
|
+
reversed: (0, _types.createBoolProp)({
|
|
109
|
+
label: "Reversed",
|
|
110
|
+
description: "Determines whether to reverse the direction of items"
|
|
111
|
+
})
|
|
112
|
+
}
|
|
113
|
+
}];
|
|
114
|
+
exports.SEED_DATA = SEED_DATA;
|
package/lib/module/index.js
CHANGED
|
@@ -43,9 +43,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
43
43
|
export { default as Picker } from "./components/Picker/Picker";
|
|
44
44
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
45
45
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
46
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
47
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
48
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
49
46
|
export { default as Slider } from "./components/Slider";
|
|
50
47
|
export { default as Stepper } from "./components/Stepper";
|
|
51
48
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections, createStaticBoolProp } from "@draftbit/types";
|
|
2
|
+
const SHARED_SEED_DATA = {
|
|
3
|
+
category: COMPONENT_TYPES.layout,
|
|
4
|
+
packageName: "native-base",
|
|
5
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
|
|
6
|
+
};
|
|
7
|
+
const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== StylesPanelSections.LayoutFlexItems && item !== StylesPanelSections.LayoutContent);
|
|
8
|
+
export const SEED_DATA = [{
|
|
9
|
+
name: "Aspect Ratio",
|
|
10
|
+
tag: "AspectRatio",
|
|
11
|
+
description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
|
|
12
|
+
...SHARED_SEED_DATA,
|
|
13
|
+
props: {
|
|
14
|
+
ratio: createStaticNumberProp({
|
|
15
|
+
label: "Ratio",
|
|
16
|
+
description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
|
|
17
|
+
defaultValue: 1.33
|
|
18
|
+
})
|
|
19
|
+
}
|
|
20
|
+
}, {
|
|
21
|
+
name: "Box",
|
|
22
|
+
tag: "Box",
|
|
23
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
24
|
+
...SHARED_SEED_DATA
|
|
25
|
+
}, {
|
|
26
|
+
name: "Center",
|
|
27
|
+
tag: "Center",
|
|
28
|
+
description: "Center aligns its contents to the center within itself",
|
|
29
|
+
...SHARED_SEED_DATA,
|
|
30
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
31
|
+
}, {
|
|
32
|
+
name: "Circle",
|
|
33
|
+
tag: "Circle",
|
|
34
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
35
|
+
...SHARED_SEED_DATA,
|
|
36
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
37
|
+
}, {
|
|
38
|
+
name: "Container",
|
|
39
|
+
tag: "Container",
|
|
40
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
|
|
41
|
+
props: {
|
|
42
|
+
centerContent: createStaticBoolProp({
|
|
43
|
+
label: "Center content",
|
|
44
|
+
description: "Center child elements based on their content width",
|
|
45
|
+
defaultValue: true
|
|
46
|
+
})
|
|
47
|
+
},
|
|
48
|
+
...SHARED_SEED_DATA
|
|
49
|
+
}, {
|
|
50
|
+
name: "Column",
|
|
51
|
+
tag: "Column",
|
|
52
|
+
description: "Column aligns items vertically",
|
|
53
|
+
layout: {
|
|
54
|
+
flexDirection: "column"
|
|
55
|
+
},
|
|
56
|
+
...SHARED_SEED_DATA
|
|
57
|
+
}, {
|
|
58
|
+
name: "Row",
|
|
59
|
+
tag: "Row",
|
|
60
|
+
description: "Column aligns items horizontally",
|
|
61
|
+
layout: {
|
|
62
|
+
flexDirection: "row"
|
|
63
|
+
},
|
|
64
|
+
...SHARED_SEED_DATA
|
|
65
|
+
}, {
|
|
66
|
+
name: "Spacer",
|
|
67
|
+
tag: "Spacer",
|
|
68
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
69
|
+
...SHARED_SEED_DATA,
|
|
70
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
71
|
+
}, {
|
|
72
|
+
name: "Stack",
|
|
73
|
+
tag: "Stack",
|
|
74
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop",
|
|
75
|
+
...SHARED_SEED_DATA,
|
|
76
|
+
props: {
|
|
77
|
+
direction: createTextEnumProp({
|
|
78
|
+
label: "Direction",
|
|
79
|
+
description: "The direction of the Stack",
|
|
80
|
+
options: ["row", "column"],
|
|
81
|
+
defaultValue: "column"
|
|
82
|
+
}),
|
|
83
|
+
reversed: createBoolProp({
|
|
84
|
+
label: "Reversed",
|
|
85
|
+
description: "Determines whether to reverse the direction of items"
|
|
86
|
+
}),
|
|
87
|
+
isDisabled: createBoolProp({
|
|
88
|
+
label: "Disabled",
|
|
89
|
+
description: "If true, the Stack will be disabled"
|
|
90
|
+
}),
|
|
91
|
+
isInvalid: createBoolProp({
|
|
92
|
+
label: "Invalid",
|
|
93
|
+
description: "If true, the Stack will be invalid"
|
|
94
|
+
})
|
|
95
|
+
}
|
|
96
|
+
}, {
|
|
97
|
+
name: "ZStack",
|
|
98
|
+
tag: "ZStack",
|
|
99
|
+
description: "ZStack aligns items to the z-axis",
|
|
100
|
+
...SHARED_SEED_DATA,
|
|
101
|
+
props: {
|
|
102
|
+
reversed: createBoolProp({
|
|
103
|
+
label: "Reversed",
|
|
104
|
+
description: "Determines whether to reverse the direction of items"
|
|
105
|
+
})
|
|
106
|
+
}
|
|
107
|
+
}];
|
|
@@ -41,9 +41,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
41
41
|
export { default as Picker } from "./components/Picker/Picker";
|
|
42
42
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
43
43
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
44
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
45
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
46
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
47
44
|
export { default as Slider } from "./components/Slider";
|
|
48
45
|
export { default as Stepper } from "./components/Stepper";
|
|
49
46
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
export declare const SEED_DATA: ({
|
|
2
|
+
props: {
|
|
3
|
+
ratio: {
|
|
4
|
+
label: string;
|
|
5
|
+
description: string;
|
|
6
|
+
formType: string;
|
|
7
|
+
propType: string;
|
|
8
|
+
group: string;
|
|
9
|
+
defaultValue: null;
|
|
10
|
+
editable: boolean;
|
|
11
|
+
required: boolean;
|
|
12
|
+
step: number;
|
|
13
|
+
};
|
|
14
|
+
centerContent?: undefined;
|
|
15
|
+
direction?: undefined;
|
|
16
|
+
reversed?: undefined;
|
|
17
|
+
isDisabled?: undefined;
|
|
18
|
+
isInvalid?: undefined;
|
|
19
|
+
};
|
|
20
|
+
category: string;
|
|
21
|
+
packageName: string;
|
|
22
|
+
stylesPanelSections: string[];
|
|
23
|
+
name: string;
|
|
24
|
+
tag: string;
|
|
25
|
+
description: string;
|
|
26
|
+
} | {
|
|
27
|
+
category: string;
|
|
28
|
+
packageName: string;
|
|
29
|
+
stylesPanelSections: string[];
|
|
30
|
+
name: string;
|
|
31
|
+
tag: string;
|
|
32
|
+
description: string;
|
|
33
|
+
} | {
|
|
34
|
+
category: string;
|
|
35
|
+
packageName: string;
|
|
36
|
+
stylesPanelSections: string[];
|
|
37
|
+
name: string;
|
|
38
|
+
tag: string;
|
|
39
|
+
description: string;
|
|
40
|
+
props: {
|
|
41
|
+
centerContent: {
|
|
42
|
+
label: string;
|
|
43
|
+
description: string;
|
|
44
|
+
formType: string;
|
|
45
|
+
propType: string;
|
|
46
|
+
defaultValue: boolean;
|
|
47
|
+
editable: boolean;
|
|
48
|
+
required: boolean;
|
|
49
|
+
group: string;
|
|
50
|
+
};
|
|
51
|
+
ratio?: undefined;
|
|
52
|
+
direction?: undefined;
|
|
53
|
+
reversed?: undefined;
|
|
54
|
+
isDisabled?: undefined;
|
|
55
|
+
isInvalid?: undefined;
|
|
56
|
+
};
|
|
57
|
+
} | {
|
|
58
|
+
category: string;
|
|
59
|
+
packageName: string;
|
|
60
|
+
stylesPanelSections: string[];
|
|
61
|
+
name: string;
|
|
62
|
+
tag: string;
|
|
63
|
+
description: string;
|
|
64
|
+
layout: {
|
|
65
|
+
flexDirection: string;
|
|
66
|
+
};
|
|
67
|
+
} | {
|
|
68
|
+
props: {
|
|
69
|
+
direction: {
|
|
70
|
+
group: string;
|
|
71
|
+
label: string;
|
|
72
|
+
description: string;
|
|
73
|
+
editable: boolean;
|
|
74
|
+
required: boolean;
|
|
75
|
+
formType: string;
|
|
76
|
+
propType: string;
|
|
77
|
+
defaultValue: null;
|
|
78
|
+
options: never[];
|
|
79
|
+
};
|
|
80
|
+
reversed: {
|
|
81
|
+
label: string;
|
|
82
|
+
description: string;
|
|
83
|
+
formType: string;
|
|
84
|
+
propType: string;
|
|
85
|
+
defaultValue: boolean;
|
|
86
|
+
editable: boolean;
|
|
87
|
+
required: boolean;
|
|
88
|
+
group: string;
|
|
89
|
+
};
|
|
90
|
+
isDisabled: {
|
|
91
|
+
label: string;
|
|
92
|
+
description: string;
|
|
93
|
+
formType: string;
|
|
94
|
+
propType: string;
|
|
95
|
+
defaultValue: boolean;
|
|
96
|
+
editable: boolean;
|
|
97
|
+
required: boolean;
|
|
98
|
+
group: string;
|
|
99
|
+
};
|
|
100
|
+
isInvalid: {
|
|
101
|
+
label: string;
|
|
102
|
+
description: string;
|
|
103
|
+
formType: string;
|
|
104
|
+
propType: string;
|
|
105
|
+
defaultValue: boolean;
|
|
106
|
+
editable: boolean;
|
|
107
|
+
required: boolean;
|
|
108
|
+
group: string;
|
|
109
|
+
};
|
|
110
|
+
ratio?: undefined;
|
|
111
|
+
centerContent?: undefined;
|
|
112
|
+
};
|
|
113
|
+
category: string;
|
|
114
|
+
packageName: string;
|
|
115
|
+
stylesPanelSections: string[];
|
|
116
|
+
name: string;
|
|
117
|
+
tag: string;
|
|
118
|
+
description: string;
|
|
119
|
+
} | {
|
|
120
|
+
props: {
|
|
121
|
+
reversed: {
|
|
122
|
+
label: string;
|
|
123
|
+
description: string;
|
|
124
|
+
formType: string;
|
|
125
|
+
propType: string;
|
|
126
|
+
defaultValue: boolean;
|
|
127
|
+
editable: boolean;
|
|
128
|
+
required: boolean;
|
|
129
|
+
group: string;
|
|
130
|
+
};
|
|
131
|
+
ratio?: undefined;
|
|
132
|
+
centerContent?: undefined;
|
|
133
|
+
direction?: undefined;
|
|
134
|
+
isDisabled?: undefined;
|
|
135
|
+
isInvalid?: undefined;
|
|
136
|
+
};
|
|
137
|
+
category: string;
|
|
138
|
+
packageName: string;
|
|
139
|
+
stylesPanelSections: string[];
|
|
140
|
+
name: string;
|
|
141
|
+
tag: string;
|
|
142
|
+
description: string;
|
|
143
|
+
})[];
|
|
144
|
+
//# sourceMappingURL=Layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.10.2",
|
|
3
|
+
"version": "46.10.3-31b3e0.2+31b3e04",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "46.10.2",
|
|
44
|
+
"@draftbit/types": "^46.10.3-31b3e0.2+31b3e04",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
]
|
|
101
101
|
]
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "31b3e0421f6f1f60a30b3e6d5283959b40bfc119"
|
|
104
104
|
}
|
package/src/index.js
CHANGED
|
@@ -42,9 +42,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
42
42
|
export { default as Picker } from "./components/Picker/Picker";
|
|
43
43
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
44
44
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
45
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
46
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
47
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
48
45
|
export { default as Slider } from "./components/Slider";
|
|
49
46
|
export { default as Stepper } from "./components/Stepper";
|
|
50
47
|
export { useAuthState } from "./components/useAuthState";
|
package/src/index.tsx
CHANGED
|
@@ -67,9 +67,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
67
67
|
export { default as Picker } from "./components/Picker/Picker";
|
|
68
68
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
69
69
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
70
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
71
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
72
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
73
70
|
export { default as Slider } from "./components/Slider";
|
|
74
71
|
export { default as Stepper } from "./components/Stepper";
|
|
75
72
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections, createStaticBoolProp, } from "@draftbit/types";
|
|
2
|
+
const SHARED_SEED_DATA = {
|
|
3
|
+
category: COMPONENT_TYPES.layout,
|
|
4
|
+
packageName: "native-base",
|
|
5
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
6
|
+
};
|
|
7
|
+
const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter((item) => item !== StylesPanelSections.LayoutFlexItems &&
|
|
8
|
+
item !== StylesPanelSections.LayoutContent);
|
|
9
|
+
export const SEED_DATA = [
|
|
10
|
+
{
|
|
11
|
+
name: "Aspect Ratio",
|
|
12
|
+
tag: "AspectRatio",
|
|
13
|
+
description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
|
|
14
|
+
...SHARED_SEED_DATA,
|
|
15
|
+
props: {
|
|
16
|
+
ratio: createStaticNumberProp({
|
|
17
|
+
label: "Ratio",
|
|
18
|
+
description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
|
|
19
|
+
defaultValue: 1.33,
|
|
20
|
+
}),
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: "Box",
|
|
25
|
+
tag: "Box",
|
|
26
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
27
|
+
...SHARED_SEED_DATA,
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
name: "Center",
|
|
31
|
+
tag: "Center",
|
|
32
|
+
description: "Center aligns its contents to the center within itself",
|
|
33
|
+
...SHARED_SEED_DATA,
|
|
34
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
name: "Circle",
|
|
38
|
+
tag: "Circle",
|
|
39
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
40
|
+
...SHARED_SEED_DATA,
|
|
41
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
name: "Container",
|
|
45
|
+
tag: "Container",
|
|
46
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
|
|
47
|
+
props: {
|
|
48
|
+
centerContent: createStaticBoolProp({
|
|
49
|
+
label: "Center content",
|
|
50
|
+
description: "Center child elements based on their content width",
|
|
51
|
+
defaultValue: true,
|
|
52
|
+
}),
|
|
53
|
+
},
|
|
54
|
+
...SHARED_SEED_DATA,
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
name: "Column",
|
|
58
|
+
tag: "Column",
|
|
59
|
+
description: "Column aligns items vertically",
|
|
60
|
+
layout: {
|
|
61
|
+
flexDirection: "column",
|
|
62
|
+
},
|
|
63
|
+
...SHARED_SEED_DATA,
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
name: "Row",
|
|
67
|
+
tag: "Row",
|
|
68
|
+
description: "Column aligns items horizontally",
|
|
69
|
+
layout: {
|
|
70
|
+
flexDirection: "row",
|
|
71
|
+
},
|
|
72
|
+
...SHARED_SEED_DATA,
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
name: "Spacer",
|
|
76
|
+
tag: "Spacer",
|
|
77
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
78
|
+
...SHARED_SEED_DATA,
|
|
79
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
name: "Stack",
|
|
83
|
+
tag: "Stack",
|
|
84
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop",
|
|
85
|
+
...SHARED_SEED_DATA,
|
|
86
|
+
props: {
|
|
87
|
+
direction: createTextEnumProp({
|
|
88
|
+
label: "Direction",
|
|
89
|
+
description: "The direction of the Stack",
|
|
90
|
+
options: ["row", "column"],
|
|
91
|
+
defaultValue: "column",
|
|
92
|
+
}),
|
|
93
|
+
reversed: createBoolProp({
|
|
94
|
+
label: "Reversed",
|
|
95
|
+
description: "Determines whether to reverse the direction of items",
|
|
96
|
+
}),
|
|
97
|
+
isDisabled: createBoolProp({
|
|
98
|
+
label: "Disabled",
|
|
99
|
+
description: "If true, the Stack will be disabled",
|
|
100
|
+
}),
|
|
101
|
+
isInvalid: createBoolProp({
|
|
102
|
+
label: "Invalid",
|
|
103
|
+
description: "If true, the Stack will be invalid",
|
|
104
|
+
}),
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
name: "ZStack",
|
|
109
|
+
tag: "ZStack",
|
|
110
|
+
description: "ZStack aligns items to the z-axis",
|
|
111
|
+
...SHARED_SEED_DATA,
|
|
112
|
+
props: {
|
|
113
|
+
reversed: createBoolProp({
|
|
114
|
+
label: "Reversed",
|
|
115
|
+
description: "Determines whether to reverse the direction of items",
|
|
116
|
+
}),
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
];
|