@trilogy-ds/react 4.8.2-beta-1 → 4.8.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/components/box/BoxPropsDefaults.js +0 -4
- package/lib/components/box/content/BoxContentPropsDefaults.js +0 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +0 -2
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +0 -2
- package/lib/components/enumsComponentsName.d.ts +3 -2
- package/lib/components/enumsComponentsName.js +3 -2
- package/lib/components/flex-box/DirectionDefaults.js +32 -0
- package/lib/components/flex-box/FlexBox.d.ts +17 -0
- package/lib/components/flex-box/FlexBox.js +33 -0
- package/lib/components/flex-box/FlexBox.native.d.ts +5 -0
- package/lib/components/flex-box/FlexBox.native.js +54 -0
- package/lib/components/flex-box/FlexBoxProps.d.ts +29 -0
- package/lib/components/flex-box/FlexBoxProps.js +2 -0
- package/lib/components/{stack/StackPropsDefaults.js → flex-box/FlexBoxPropsDefaults.js} +49 -2
- package/lib/components/flex-box/context/index.d.ts +7 -0
- package/lib/components/flex-box/context/index.js +8 -0
- package/lib/components/flex-box/flex-item/FlexItem.d.ts +28 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +42 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.d.ts +29 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.js +56 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +23 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.js +2 -0
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +85 -0
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +110 -0
- package/lib/components/flex-box/index.d.ts +3 -0
- package/lib/components/flex-box/index.js +4 -0
- package/lib/components/hero/HeroPropsDefaults.js +0 -2
- package/lib/components/icon/IconPropsDefaults.js +0 -2
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.js +2 -2
- package/lib/components/price/Price.native.js +2 -2
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +0 -4
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +0 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +0 -2
- package/lib/components/section/SectionPropsDefaults.js +0 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +0 -4
- package/lib/components/table/head/TableHeadPropsDefaults.js +0 -4
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +0 -2
- package/lib/components/view/ViewPropsDefaults.js +0 -2
- package/lib/objects/facets/Alignable.d.ts +6 -0
- package/lib/objects/facets/Alignable.js +16 -1
- package/lib/objects/facets/Color.d.ts +0 -1
- package/lib/objects/facets/Color.js +1 -3
- package/lib/objects/facets/Justifiable.d.ts +10 -2
- package/lib/objects/facets/Justifiable.js +20 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
- package/lib/components/stack/Stack.d.ts +0 -12
- package/lib/components/stack/Stack.js +0 -26
- package/lib/components/stack/Stack.native.d.ts +0 -10
- package/lib/components/stack/Stack.native.js +0 -32
- package/lib/components/stack/StackProps.d.ts +0 -17
- package/lib/components/stack/StackProps.js +0 -2
- package/lib/components/stack/index.d.ts +0 -2
- package/lib/components/stack/index.js +0 -3
- /package/lib/components/{stack/StackSizeDefaults.js → flex-box/FlexBoxSizeDefaults.js} +0 -0
|
@@ -7,6 +7,14 @@ export declare enum Justifiable {
|
|
|
7
7
|
JUSTIFIED_END = "JUSTIFIED_END",
|
|
8
8
|
SPACE_BETWEEN = "SPACE_BETWEEN"
|
|
9
9
|
}
|
|
10
|
+
export declare enum Justify {
|
|
11
|
+
CENTER = "CENTER",
|
|
12
|
+
START = "START",
|
|
13
|
+
END = "END",
|
|
14
|
+
SPACE_BETWEEN = "SPACE_BETWEEN",
|
|
15
|
+
SPACE_AROUND = "SPACE_AROUND",
|
|
16
|
+
SPACE_EVENLY = "SPACE_EVENLY"
|
|
17
|
+
}
|
|
10
18
|
export type JustifiableValues = keyof typeof Justifiable;
|
|
11
19
|
export interface JustifiableProps {
|
|
12
20
|
justify?: Justifiable | JustifiableValues;
|
|
@@ -17,6 +25,6 @@ export interface JustifiableProps {
|
|
|
17
25
|
* @returns {string} - Justify value
|
|
18
26
|
*/
|
|
19
27
|
export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
|
|
20
|
-
export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-start" | "justified-end" | "spaced-between";
|
|
21
|
-
export declare const getJustifiedClassName: (justifyContent?: string) => "justified-
|
|
28
|
+
export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-center" | "justified-start" | "justified-end" | "spaced-between" | "spaced-around" | "spaced-evenly";
|
|
29
|
+
export declare const getJustifiedClassName: (justifyContent?: string) => "justified-center" | "justified-start" | "justified-end";
|
|
22
30
|
export declare const getJustifySelfClassName: (justifyContent?: string) => string;
|
|
@@ -8,6 +8,15 @@ export var Justifiable;
|
|
|
8
8
|
Justifiable["JUSTIFIED_END"] = "JUSTIFIED_END";
|
|
9
9
|
Justifiable["SPACE_BETWEEN"] = "SPACE_BETWEEN";
|
|
10
10
|
})(Justifiable || (Justifiable = {}));
|
|
11
|
+
export var Justify;
|
|
12
|
+
(function (Justify) {
|
|
13
|
+
Justify["CENTER"] = "CENTER";
|
|
14
|
+
Justify["START"] = "START";
|
|
15
|
+
Justify["END"] = "END";
|
|
16
|
+
Justify["SPACE_BETWEEN"] = "SPACE_BETWEEN";
|
|
17
|
+
Justify["SPACE_AROUND"] = "SPACE_AROUND";
|
|
18
|
+
Justify["SPACE_EVENLY"] = "SPACE_EVENLY";
|
|
19
|
+
})(Justify || (Justify = {}));
|
|
11
20
|
/**
|
|
12
21
|
* Returns justifyContent style depending on justify type
|
|
13
22
|
* @param justifyContent {Justifiable|string} - justify type
|
|
@@ -32,12 +41,22 @@ export var getJustifyClassName = function (justifyContent) {
|
|
|
32
41
|
switch (justifyContent) {
|
|
33
42
|
case 'JUSTIFIED_CENTER':
|
|
34
43
|
return 'centered';
|
|
44
|
+
case 'CENTER':
|
|
45
|
+
return 'justified-center';
|
|
35
46
|
case 'JUSTIFIED_START':
|
|
36
47
|
return 'justified-start';
|
|
48
|
+
case 'START':
|
|
49
|
+
return 'justified-start';
|
|
37
50
|
case 'JUSTIFIED_END':
|
|
38
51
|
return 'justified-end';
|
|
52
|
+
case 'END':
|
|
53
|
+
return 'justified-end';
|
|
39
54
|
case 'SPACE_BETWEEN':
|
|
40
55
|
return 'spaced-between';
|
|
56
|
+
case 'SPACE_AROUND':
|
|
57
|
+
return 'spaced-around';
|
|
58
|
+
case 'SPACE_EVENLY':
|
|
59
|
+
return 'spaced-evenly';
|
|
41
60
|
default:
|
|
42
61
|
return 'justified-start';
|
|
43
62
|
}
|
|
@@ -66,4 +85,4 @@ export var getJustifySelfClassName = function (justifyContent) {
|
|
|
66
85
|
return 'justified-selfstart';
|
|
67
86
|
}
|
|
68
87
|
};
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBS1g7QUFMRCxXQUFZLFdBQVc7SUFDckIsb0RBQXFDLENBQUE7SUFDckMsa0RBQW1DLENBQUE7SUFDbkMsOENBQStCLENBQUE7SUFDL0IsOENBQStCLENBQUE7QUFDakMsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCO0FBRUQsTUFBTSxDQUFOLElBQVksT0FPWDtBQVBELFdBQVksT0FBTztJQUNqQiw0QkFBaUIsQ0FBQTtJQUNqQiwwQkFBZSxDQUFBO0lBQ2Ysc0JBQVcsQ0FBQTtJQUNYLDBDQUErQixDQUFBO0lBQy9CLHdDQUE2QixDQUFBO0lBQzdCLHdDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFQVyxPQUFPLEtBQVAsT0FBTyxRQU9sQjtBQVFEOzs7O0dBSUc7QUFDSCw2RUFBNkU7QUFDN0UsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsY0FBdUI7SUFDckQsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxrQkFBa0I7WUFDckIsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxZQUFZLENBQUE7UUFDckIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sVUFBVSxDQUFBO1FBQ25CLEtBQUssZUFBZTtZQUNsQixPQUFPLGVBQWUsQ0FBQTtRQUN4QjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxjQUF1QjtJQUN6RCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGtCQUFrQjtZQUNyQixPQUFPLFVBQVUsQ0FBQTtRQUNuQixLQUFLLFFBQVE7WUFDWCxPQUFPLGtCQUFrQixDQUFBO1FBQzNCLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxLQUFLO1lBQ1IsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxjQUFjO1lBQ2pCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssY0FBYztZQUNqQixPQUFPLGVBQWUsQ0FBQTtRQUN4QjtZQUNFLE9BQU8saUJBQWlCLENBQUE7S0FDM0I7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxxQkFBcUIsR0FBRyxVQUFDLGNBQXVCO0lBQzNELFFBQVEsY0FBYyxFQUFFO1FBQ3RCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sa0JBQWtCLENBQUE7UUFDM0IsS0FBSyxlQUFlO1lBQ2xCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHVCQUF1QixHQUFHLFVBQUMsY0FBdUI7SUFDN0QsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyx1QkFBdUIsQ0FBQTtRQUNoQyxLQUFLLGVBQWU7WUFDbEIsT0FBTyxzQkFBc0IsQ0FBQTtRQUMvQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxtQkFBbUIsQ0FBQTtRQUM1QjtZQUNFLE9BQU8scUJBQXFCLENBQUE7S0FDL0I7QUFDSCxDQUFDLENBQUEifQ==
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.8.2
|
|
1
|
+
export declare const version = "4.8.2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.8.2
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.8.2";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9
|
package/package.json
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StackProps } from './StackProps';
|
|
3
|
-
/**
|
|
4
|
-
* Stack Component
|
|
5
|
-
* @param gap {StackSize} Gap between elements in Stack
|
|
6
|
-
* @param direction {DirectionEnum} flex direction
|
|
7
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
|
-
* @param className {string} Additional CSS Classes
|
|
9
|
-
* @param id {string}
|
|
10
|
-
*/
|
|
11
|
-
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export default Stack;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import { useTrilogyContext } from '../../context';
|
|
4
|
-
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
-
import { DirectionEnum } from '../../objects/facets/Direction';
|
|
6
|
-
import { has, is } from '../../services';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import React from 'react';
|
|
9
|
-
/**
|
|
10
|
-
* Stack Component
|
|
11
|
-
* @param gap {StackSize} Gap between elements in Stack
|
|
12
|
-
* @param direction {DirectionEnum} flex direction
|
|
13
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string} Additional CSS Classes
|
|
15
|
-
* @param id {string}
|
|
16
|
-
*/
|
|
17
|
-
var Stack = React.forwardRef(function (_a, ref) {
|
|
18
|
-
var className = _a.className, id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["className", "id", "gap", "direction"]);
|
|
19
|
-
var styled = useTrilogyContext().styled;
|
|
20
|
-
var isNumber = typeof gap === 'number';
|
|
21
|
-
var classes = hashClass(styled, clsx('stack', direction && is(direction), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.mobile) && has("gap-mobile-".concat(gap.mobile)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.tablet) && has("gap-tablet-".concat(gap.tablet)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.desktop) && has("gap-desktop-".concat(gap.desktop)), isNumber && has("gap-".concat(gap)), className));
|
|
22
|
-
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
23
|
-
});
|
|
24
|
-
Stack.displayName = ComponentName.Stack;
|
|
25
|
-
export default Stack;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0YWNrL1N0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7R0FPRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsaUJBQWdDLEVBQWhDLFNBQVMsbUJBQUcsYUFBYSxDQUFDLE1BQU0sS0FBQSxFQUFLLE1BQU0sY0FBakUsdUNBQW1FLENBQUY7SUFDeEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFBO0lBQ3hDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsU0FBUyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDMUIsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxzQkFBZSxHQUFHLENBQUMsT0FBTyxDQUFFLENBQUMsRUFDOUQsUUFBUSxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQzdCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import { StackProps } from './StackProps';
|
|
4
|
-
/**
|
|
5
|
-
* Stack Component
|
|
6
|
-
* @param gap {StackSize} Gap between elements in Stack
|
|
7
|
-
* @param direction {DirectionEnum} flex direction
|
|
8
|
-
*/
|
|
9
|
-
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<View>>;
|
|
10
|
-
export default Stack;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import { DirectionEnum } from '../../objects/facets/Direction';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { View } from 'react-native';
|
|
6
|
-
import { ColumnsGapValue, GapSize } from '../columns';
|
|
7
|
-
/**
|
|
8
|
-
* Stack Component
|
|
9
|
-
* @param gap {StackSize} Gap between elements in Stack
|
|
10
|
-
* @param direction {DirectionEnum} flex direction
|
|
11
|
-
*/
|
|
12
|
-
var Stack = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var children = _a.children, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["children", "gap", "direction"]);
|
|
14
|
-
var getGapValue = function (gapSize) {
|
|
15
|
-
return ColumnsGapValue[gapSize] || 0;
|
|
16
|
-
};
|
|
17
|
-
var gapValue = 0;
|
|
18
|
-
if (typeof gap === 'number') {
|
|
19
|
-
gapValue = getGapValue(gap);
|
|
20
|
-
}
|
|
21
|
-
else if (gap && typeof gap === 'object') {
|
|
22
|
-
gapValue = getGapValue(gap.mobile || GapSize.ZERO);
|
|
23
|
-
}
|
|
24
|
-
var stackStyles = {
|
|
25
|
-
flexDirection: direction === DirectionEnum.ROW ? 'row' : 'column',
|
|
26
|
-
gap: gapValue,
|
|
27
|
-
};
|
|
28
|
-
return (React.createElement(View, __assign({ ref: ref, style: stackStyles }, others), children));
|
|
29
|
-
});
|
|
30
|
-
Stack.displayName = ComponentName.Stack;
|
|
31
|
-
export default Stack;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2submF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zdGFjay9TdGFjay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFhLE1BQU0sY0FBYyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQThELEVBQUUsR0FBRztJQUFqRSxJQUFBLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGlCQUFnQyxFQUFoQyxTQUFTLG1CQUFHLGFBQWEsQ0FBQyxNQUFNLEtBQUEsRUFBSyxNQUFNLGNBQTVELGdDQUE4RCxDQUFGO0lBQzNELElBQU0sV0FBVyxHQUFHLFVBQUMsT0FBZ0I7UUFDbkMsT0FBTyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3RDLENBQUMsQ0FBQTtJQUVELElBQUksUUFBUSxHQUFHLENBQUMsQ0FBQTtJQUNoQixJQUFJLE9BQU8sR0FBRyxLQUFLLFFBQVEsRUFBRTtRQUMzQixRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFBO0tBQzVCO1NBQU0sSUFBSSxHQUFHLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxFQUFFO1FBQ3pDLFFBQVEsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUE7S0FDbkQ7SUFFRCxJQUFNLFdBQVcsR0FBYztRQUM3QixhQUFhLEVBQUUsU0FBUyxLQUFLLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUNqRSxHQUFHLEVBQUUsUUFBUTtLQUNkLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFdBQVcsSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
|
|
3
|
-
import { View } from 'react-native';
|
|
4
|
-
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
|
-
import { GapSize } from '../columns';
|
|
6
|
-
export interface StackSize {
|
|
7
|
-
mobile?: GapSize;
|
|
8
|
-
tablet?: GapSize;
|
|
9
|
-
desktop?: GapSize;
|
|
10
|
-
}
|
|
11
|
-
export interface StackProps extends CommonProps {
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
gap?: StackSize | GapSize;
|
|
14
|
-
direction?: DirectionEnum | DirectionEnumValues;
|
|
15
|
-
}
|
|
16
|
-
export type StackRef = HTMLDivElement;
|
|
17
|
-
export type StackNativeRef = View;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import Stack from './Stack';
|
|
2
|
-
export { Stack };
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0YWNrL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
|
|
File without changes
|