@fluentui-react-native/stack 0.10.22 → 0.11.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/CHANGELOG.md +43 -1
- package/lib/Stack.d.ts +13 -7
- package/lib/Stack.d.ts.map +1 -1
- package/lib/Stack.js +45 -47
- package/lib/Stack.js.map +1 -1
- package/lib/Stack.settings.d.ts +1 -1
- package/lib/Stack.settings.js +51 -51
- package/lib/Stack.tokens.d.ts +3 -3
- package/lib/Stack.tokens.js +70 -71
- package/lib/Stack.tokens.js.map +1 -1
- package/lib/Stack.types.d.ts +79 -80
- package/lib/Stack.types.js +1 -1
- package/lib/StackItem/StackItem.d.ts +1 -1
- package/lib/StackItem/StackItem.js +5 -5
- package/lib/StackItem/StackItem.settings.d.ts +1 -1
- package/lib/StackItem/StackItem.settings.js +8 -8
- package/lib/StackItem/StackItem.tokens.d.ts +6 -2
- package/lib/StackItem/StackItem.tokens.js +13 -13
- package/lib/StackItem/StackItem.tokens.js.map +1 -1
- package/lib/StackItem/StackItem.types.d.ts +43 -43
- package/lib/StackItem/StackItem.types.js +1 -1
- package/lib/StackUtils.d.ts +7 -4
- package/lib/StackUtils.js +33 -35
- package/lib/StackUtils.js.map +1 -1
- package/lib/StackUtils.test.win32.d.ts +1 -1
- package/lib/StackUtils.test.win32.js +50 -50
- package/lib/StackUtils.test.win32.js.map +1 -1
- package/lib/__tests__/Stack.test.d.ts +1 -1
- package/lib/__tests__/Stack.test.js +15 -9
- package/lib/__tests__/Stack.test.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/Stack.d.ts +13 -7
- package/lib-commonjs/Stack.d.ts.map +1 -1
- package/lib-commonjs/Stack.js +112 -85
- package/lib-commonjs/Stack.js.map +1 -1
- package/lib-commonjs/Stack.settings.d.ts +1 -1
- package/lib-commonjs/Stack.settings.js +54 -54
- package/lib-commonjs/Stack.tokens.d.ts +3 -3
- package/lib-commonjs/Stack.tokens.js +74 -75
- package/lib-commonjs/Stack.tokens.js.map +1 -1
- package/lib-commonjs/Stack.types.d.ts +79 -80
- package/lib-commonjs/Stack.types.js +3 -3
- package/lib-commonjs/StackItem/StackItem.d.ts +1 -1
- package/lib-commonjs/StackItem/StackItem.js +13 -13
- package/lib-commonjs/StackItem/StackItem.js.map +1 -1
- package/lib-commonjs/StackItem/StackItem.settings.d.ts +1 -1
- package/lib-commonjs/StackItem/StackItem.settings.js +11 -11
- package/lib-commonjs/StackItem/StackItem.tokens.d.ts +6 -2
- package/lib-commonjs/StackItem/StackItem.tokens.js +18 -18
- package/lib-commonjs/StackItem/StackItem.tokens.js.map +1 -1
- package/lib-commonjs/StackItem/StackItem.types.d.ts +43 -43
- package/lib-commonjs/StackItem/StackItem.types.js +3 -3
- package/lib-commonjs/StackUtils.d.ts +7 -4
- package/lib-commonjs/StackUtils.js +37 -40
- package/lib-commonjs/StackUtils.js.map +1 -1
- package/lib-commonjs/StackUtils.test.win32.d.ts +1 -1
- package/lib-commonjs/StackUtils.test.win32.js +71 -53
- package/lib-commonjs/StackUtils.test.win32.js.map +1 -1
- package/lib-commonjs/__tests__/Stack.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Stack.test.js +74 -37
- package/lib-commonjs/__tests__/Stack.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +31 -11
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +65 -64
- package/src/Stack.tsx +2 -4
- package/src/__tests__/Stack.test.tsx +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackUtils.test.win32.js","sourceRoot":"","sources":["../src/StackUtils.test.win32.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"StackUtils.test.win32.js","sourceRoot":"","sources":["../src/StackUtils.test.win32.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=Stack.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=Stack.test.d.ts.map
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { act } from 'react';
|
|
2
3
|
import { Text } from '@fluentui-react-native/text';
|
|
3
4
|
import * as renderer from 'react-test-renderer';
|
|
4
5
|
import { Stack } from '..';
|
|
5
6
|
it('Stack with tokens', () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
let component;
|
|
8
|
+
act(() => {
|
|
9
|
+
component = renderer.create(
|
|
10
|
+
_jsxs(Stack, {
|
|
11
|
+
maxWidth: 400,
|
|
12
|
+
gap: 8,
|
|
13
|
+
padding: 16,
|
|
14
|
+
children: [_jsx(Text, { children: 'Hello' }), _jsx(Text, { children: 'Hello' }), _jsx(Text, { children: 'Hello' })],
|
|
15
|
+
}),
|
|
16
|
+
);
|
|
17
|
+
});
|
|
18
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
13
19
|
});
|
|
14
|
-
//# sourceMappingURL=Stack.test.js.map
|
|
20
|
+
//# sourceMappingURL=Stack.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.test.js","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Stack.test.js","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAE3B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC;IAC5B,IAAI,SAAqC,CAAC;IAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,MAAC,KAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;gBACvC,KAAC,IAAI,wBAAa,EAClB,KAAC,IAAI,wBAAa,EAClB,KAAC,IAAI,wBAAa;gBACZ,CACT,CAAC;IAAA,CACH,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ export { StackItem } from './StackItem/StackItem';
|
|
|
4
4
|
export { stackName } from './Stack.types';
|
|
5
5
|
export type { Alignment, IStackProps, IStackRenderData, IStackSlotProps, IStackStatics, IStackTokens, IStackType } from './Stack.types';
|
|
6
6
|
export { Stack } from './Stack';
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.js
CHANGED
package/lib-commonjs/Stack.d.ts
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import type { IStackProps, IStackSlotProps } from './Stack.types';
|
|
2
2
|
declare global {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
3
|
+
namespace NodeJS {
|
|
4
|
+
interface Global {
|
|
5
|
+
__jsiExecutorDescription: any;
|
|
7
6
|
}
|
|
7
|
+
}
|
|
8
8
|
}
|
|
9
|
-
export declare const Stack: import(
|
|
9
|
+
export declare const Stack: import('@uifabricshared/foundation-compose').IComposeReturnType<
|
|
10
|
+
IStackProps,
|
|
11
|
+
IStackSlotProps,
|
|
12
|
+
import('./Stack.types').IStackTokens,
|
|
13
|
+
{
|
|
10
14
|
gap: number;
|
|
11
15
|
horizontal: boolean;
|
|
12
16
|
wrap: boolean;
|
|
13
|
-
},
|
|
17
|
+
},
|
|
18
|
+
import('./Stack.types').IStackStatics
|
|
19
|
+
>;
|
|
14
20
|
export default Stack;
|
|
15
|
-
//# sourceMappingURL=Stack.d.ts.map
|
|
21
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,WAAW,EAAE,eAAe,EAAc,MAAM,eAAe,CAAC;AAIhG,OAAO,CAAC,MAAM,CAAC,CAAC;IAEd,UAAU,MAAM,CAAC,CAAC;QAChB,UAAU,MAAM;YACd,wBAAwB,EAAE,GAAG,CAAC;SAC/B;KACF;CACF;AAyCD,eAAO,MAAM,KAAK;;;;yCAsBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
package/lib-commonjs/Stack.js
CHANGED
|
@@ -1,95 +1,122 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
var __createBinding =
|
|
3
|
+
(this && this.__createBinding) ||
|
|
4
|
+
(Object.create
|
|
5
|
+
? function (o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
8
|
+
if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
+
desc = {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () {
|
|
12
|
+
return m[k];
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
Object.defineProperty(o, k2, desc);
|
|
17
|
+
}
|
|
18
|
+
: function (o, m, k, k2) {
|
|
19
|
+
if (k2 === undefined) k2 = k;
|
|
20
|
+
o[k2] = m[k];
|
|
21
|
+
});
|
|
22
|
+
var __setModuleDefault =
|
|
23
|
+
(this && this.__setModuleDefault) ||
|
|
24
|
+
(Object.create
|
|
25
|
+
? function (o, v) {
|
|
26
|
+
Object.defineProperty(o, 'default', { enumerable: true, value: v });
|
|
27
|
+
}
|
|
28
|
+
: function (o, v) {
|
|
29
|
+
o['default'] = v;
|
|
30
|
+
});
|
|
31
|
+
var __importStar =
|
|
32
|
+
(this && this.__importStar) ||
|
|
33
|
+
(function () {
|
|
34
|
+
var ownKeys = function (o) {
|
|
35
|
+
ownKeys =
|
|
36
|
+
Object.getOwnPropertyNames ||
|
|
37
|
+
function (o) {
|
|
38
|
+
var ar = [];
|
|
39
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
40
|
+
return ar;
|
|
41
|
+
};
|
|
42
|
+
return ownKeys(o);
|
|
43
|
+
};
|
|
44
|
+
return function (mod) {
|
|
45
|
+
if (mod && mod.__esModule) return mod;
|
|
46
|
+
var result = {};
|
|
47
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
|
|
48
|
+
__setModuleDefault(result, mod);
|
|
49
|
+
return result;
|
|
50
|
+
};
|
|
51
|
+
})();
|
|
52
|
+
var __importDefault =
|
|
53
|
+
(this && this.__importDefault) ||
|
|
54
|
+
function (mod) {
|
|
55
|
+
return mod && mod.__esModule ? mod : { default: mod };
|
|
56
|
+
};
|
|
57
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
29
58
|
exports.Stack = void 0;
|
|
30
|
-
|
|
31
|
-
/** @
|
|
32
|
-
const React = __importStar(require(
|
|
33
|
-
const react_native_1 = require(
|
|
34
|
-
const adapters_1 = require(
|
|
35
|
-
const tokens_1 = require(
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const StackItem_1 = __importDefault(require("./StackItem/StackItem"));
|
|
59
|
+
const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
|
|
60
|
+
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
61
|
+
const React = __importStar(require('react'));
|
|
62
|
+
const react_native_1 = require('react-native');
|
|
63
|
+
const adapters_1 = require('@fluentui-react-native/adapters');
|
|
64
|
+
const tokens_1 = require('@fluentui-react-native/tokens');
|
|
65
|
+
const foundation_compose_1 = require('@uifabricshared/foundation-compose');
|
|
66
|
+
const foundation_settings_1 = require('@uifabricshared/foundation-settings');
|
|
67
|
+
const Stack_settings_1 = require('./Stack.settings');
|
|
68
|
+
const Stack_tokens_1 = require('./Stack.tokens');
|
|
69
|
+
const Stack_types_1 = require('./Stack.types');
|
|
70
|
+
const StackItem_1 = __importDefault(require('./StackItem/StackItem'));
|
|
43
71
|
function _mixinStyle(style, mixin) {
|
|
44
|
-
|
|
72
|
+
return style ? [style, mixin] : mixin;
|
|
45
73
|
}
|
|
46
74
|
const _styleKey = 'style';
|
|
47
75
|
const render = (Slots, renderData, ...children) => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
return child;
|
|
76
|
+
const { gap, horizontal, wrap } = renderData.state;
|
|
77
|
+
if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {
|
|
78
|
+
const extraStyle = horizontal ? { marginLeft: gap } : { marginTop: gap };
|
|
79
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
80
|
+
// @ts-ignore - TODO, fix typing error
|
|
81
|
+
children = React.Children.map(children, (child, index) => {
|
|
82
|
+
if (React.isValidElement(child) && index > 0) {
|
|
83
|
+
const childProps = child.props;
|
|
84
|
+
const extraProps = { style: _mixinStyle(childProps[_styleKey], extraStyle) };
|
|
85
|
+
return React.cloneElement(child, {
|
|
86
|
+
...childProps,
|
|
87
|
+
...extraProps,
|
|
63
88
|
});
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return (
|
|
89
|
+
}
|
|
90
|
+
return child;
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
if (wrap) {
|
|
94
|
+
return jsx_runtime_1.jsx(Slots.root, { children: jsx_runtime_1.jsx(Slots.inner, { children: children }) });
|
|
95
|
+
}
|
|
96
|
+
return jsx_runtime_1.jsx(Slots.root, { children: children });
|
|
70
97
|
};
|
|
71
98
|
exports.Stack = (0, foundation_compose_1.compose)({
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
99
|
+
displayName: Stack_types_1.stackName,
|
|
100
|
+
settings: Stack_settings_1.settings,
|
|
101
|
+
statics: {
|
|
102
|
+
Item: StackItem_1.default,
|
|
103
|
+
},
|
|
104
|
+
usePrepareProps: (props, useStyling) => {
|
|
105
|
+
const { gap, horizontal, wrap, ...rest } = props;
|
|
106
|
+
return {
|
|
107
|
+
slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(props), { root: rest }),
|
|
108
|
+
state: { gap, horizontal, wrap },
|
|
109
|
+
};
|
|
110
|
+
},
|
|
111
|
+
render: render,
|
|
112
|
+
slots: {
|
|
113
|
+
root: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
|
|
114
|
+
inner: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
|
|
115
|
+
},
|
|
116
|
+
styles: {
|
|
117
|
+
root: [Stack_tokens_1.buildStackRootStyles, tokens_1.backgroundColorTokens, tokens_1.borderTokens],
|
|
118
|
+
inner: [Stack_tokens_1.buildStackInnerStyles],
|
|
119
|
+
},
|
|
93
120
|
});
|
|
94
121
|
exports.default = exports.Stack;
|
|
95
|
-
//# sourceMappingURL=Stack.js.map
|
|
122
|
+
//# sourceMappingURL=Stack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { IComposeSettings } from '@uifabricshared/foundation-compose';
|
|
2
2
|
import type { IStackType } from './Stack.types';
|
|
3
3
|
export declare const settings: IComposeSettings<IStackType>;
|
|
4
|
-
//# sourceMappingURL=Stack.settings.d.ts.map
|
|
4
|
+
//# sourceMappingURL=Stack.settings.d.ts.map
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.settings = void 0;
|
|
4
|
-
const Stack_types_1 = require(
|
|
4
|
+
const Stack_types_1 = require('./Stack.types');
|
|
5
5
|
exports.settings = [
|
|
6
|
-
|
|
6
|
+
{
|
|
7
|
+
root: {
|
|
8
|
+
style: {
|
|
9
|
+
display: 'flex',
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
inner: {
|
|
13
|
+
style: {
|
|
14
|
+
display: 'flex',
|
|
15
|
+
flexWrap: 'wrap',
|
|
16
|
+
overflow: 'visible',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
_overrides: {
|
|
20
|
+
horizontal: {
|
|
7
21
|
root: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
},
|
|
12
|
-
inner: {
|
|
13
|
-
style: {
|
|
14
|
-
display: 'flex',
|
|
15
|
-
flexWrap: 'wrap',
|
|
16
|
-
overflow: 'visible',
|
|
17
|
-
},
|
|
22
|
+
style: {
|
|
23
|
+
flexDirection: 'row',
|
|
24
|
+
},
|
|
18
25
|
},
|
|
19
26
|
_overrides: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
},
|
|
26
|
-
_overrides: {
|
|
27
|
-
reversed: {
|
|
28
|
-
root: {
|
|
29
|
-
style: {
|
|
30
|
-
flexDirection: 'column-reverse',
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
reversed: {
|
|
37
|
-
root: {
|
|
38
|
-
style: {
|
|
39
|
-
flexDirection: 'row-reverse',
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
verticalFill: {
|
|
44
|
-
root: {
|
|
45
|
-
style: {
|
|
46
|
-
height: '100%',
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
wrap: {
|
|
51
|
-
root: {
|
|
52
|
-
style: {
|
|
53
|
-
flexWrap: 'wrap',
|
|
54
|
-
height: '100%',
|
|
55
|
-
overflow: 'visible',
|
|
56
|
-
},
|
|
57
|
-
},
|
|
27
|
+
reversed: {
|
|
28
|
+
root: {
|
|
29
|
+
style: {
|
|
30
|
+
flexDirection: 'column-reverse',
|
|
31
|
+
},
|
|
58
32
|
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
reversed: {
|
|
37
|
+
root: {
|
|
38
|
+
style: {
|
|
39
|
+
flexDirection: 'row-reverse',
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
verticalFill: {
|
|
44
|
+
root: {
|
|
45
|
+
style: {
|
|
46
|
+
height: '100%',
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
wrap: {
|
|
51
|
+
root: {
|
|
52
|
+
style: {
|
|
53
|
+
flexWrap: 'wrap',
|
|
54
|
+
height: '100%',
|
|
55
|
+
overflow: 'visible',
|
|
56
|
+
},
|
|
59
57
|
},
|
|
58
|
+
},
|
|
60
59
|
},
|
|
61
|
-
|
|
60
|
+
},
|
|
61
|
+
Stack_types_1.stackName,
|
|
62
62
|
];
|
|
63
|
-
//# sourceMappingURL=Stack.settings.js.map
|
|
63
|
+
//# sourceMappingURL=Stack.settings.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ViewProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IStackTokens } from './Stack.types';
|
|
4
|
-
export declare const buildStackInnerStyles: import(
|
|
5
|
-
export declare const buildStackRootStyles: import(
|
|
6
|
-
//# sourceMappingURL=Stack.tokens.d.ts.map
|
|
4
|
+
export declare const buildStackInnerStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
|
|
5
|
+
export declare const buildStackRootStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
|
|
6
|
+
//# sourceMappingURL=Stack.tokens.d.ts.map
|
|
@@ -1,91 +1,90 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.buildStackRootStyles = exports.buildStackInnerStyles = void 0;
|
|
4
|
-
const foundation_tokens_1 = require(
|
|
5
|
-
const StackUtils_1 = require(
|
|
4
|
+
const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
|
|
5
|
+
const StackUtils_1 = require('./StackUtils');
|
|
6
6
|
const nameMap = {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
start: 'flex-start',
|
|
8
|
+
end: 'flex-end',
|
|
9
9
|
};
|
|
10
10
|
function _mapAlignment(horizontal, horizontalAlign, verticalAlign, style) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
const alignValue = horizontal ? verticalAlign : horizontalAlign;
|
|
12
|
+
if (alignValue) {
|
|
13
|
+
style.alignItems = nameMap[alignValue] || alignValue;
|
|
14
|
+
}
|
|
15
|
+
const justifyValue = horizontal ? horizontalAlign : verticalAlign;
|
|
16
|
+
if (justifyValue) {
|
|
17
|
+
style.justifyContent = nameMap[justifyValue] || justifyValue;
|
|
18
|
+
}
|
|
19
19
|
}
|
|
20
20
|
const _innerKeyProps = [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
'horizontal',
|
|
22
|
+
// 'reversed',
|
|
23
|
+
'gap',
|
|
24
|
+
'horizontalAlign',
|
|
25
|
+
'verticalAlign',
|
|
26
|
+
// 'disableShrink',
|
|
27
|
+
'childrenGap',
|
|
28
|
+
'padding',
|
|
29
29
|
];
|
|
30
30
|
function _buildInnerStyles(tokenProps, theme) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
innerStyle.height = '100%';
|
|
49
|
-
}
|
|
31
|
+
const { horizontal, wrap, horizontalAlign, verticalAlign, padding } = tokenProps;
|
|
32
|
+
let innerStyle = undefined;
|
|
33
|
+
const childrenGap = tokenProps.childrenGap || tokenProps.gap;
|
|
34
|
+
const { rowGap, columnGap } = (0, StackUtils_1.parseGap)(childrenGap, theme);
|
|
35
|
+
if (wrap) {
|
|
36
|
+
innerStyle = {
|
|
37
|
+
rowGap: rowGap,
|
|
38
|
+
columnGap: columnGap,
|
|
39
|
+
padding: (0, StackUtils_1.parsePadding)(padding, theme),
|
|
40
|
+
width: '100%',
|
|
41
|
+
};
|
|
42
|
+
_mapAlignment(!!horizontal, horizontalAlign, verticalAlign, innerStyle);
|
|
43
|
+
if (horizontal) {
|
|
44
|
+
innerStyle.height = '100%';
|
|
45
|
+
} else {
|
|
46
|
+
innerStyle.maxHeight = '100%';
|
|
47
|
+
innerStyle.height = '100%';
|
|
50
48
|
}
|
|
51
|
-
|
|
49
|
+
}
|
|
50
|
+
return { style: innerStyle };
|
|
52
51
|
}
|
|
53
52
|
exports.buildStackInnerStyles = (0, foundation_tokens_1.styleFunction)(_buildInnerStyles, _innerKeyProps);
|
|
54
53
|
function _buildRootStyles(tokenProps, theme) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
54
|
+
const { grow, horizontal, horizontalAlign, verticalAlign, maxHeight, maxWidth, padding, wrap } = tokenProps;
|
|
55
|
+
// const childrenGap = tokenProps.childrenGap || tokenProps.gap;
|
|
56
|
+
// const { rowGap, columnGap } = parseGap(childrenGap, theme);
|
|
57
|
+
const rootStyle = {
|
|
58
|
+
maxHeight,
|
|
59
|
+
maxWidth,
|
|
60
|
+
};
|
|
61
|
+
_mapAlignment(!!horizontal, horizontalAlign, verticalAlign, rootStyle);
|
|
62
|
+
if (grow && !wrap) {
|
|
63
|
+
rootStyle.flexGrow = typeof grow === 'boolean' ? (grow ? 1 : 0) : grow;
|
|
64
|
+
rootStyle.overflow = 'hidden';
|
|
65
|
+
}
|
|
66
|
+
if (!wrap) {
|
|
67
|
+
rootStyle.padding = (0, StackUtils_1.parsePadding)(padding, theme);
|
|
68
|
+
}
|
|
69
|
+
return { style: rootStyle };
|
|
70
|
+
// verticalFill,
|
|
71
|
+
// reversed,
|
|
72
|
+
// disableShrink,
|
|
74
73
|
}
|
|
75
74
|
const _keyProps = [
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
75
|
+
// 'verticalFill',
|
|
76
|
+
'horizontal',
|
|
77
|
+
// 'reversed',
|
|
78
|
+
// 'gap',
|
|
79
|
+
'grow',
|
|
80
|
+
'wrap',
|
|
81
|
+
'horizontalAlign',
|
|
82
|
+
'verticalAlign',
|
|
83
|
+
// 'disableShrink',
|
|
84
|
+
// 'childrenGap',
|
|
85
|
+
'maxHeight',
|
|
86
|
+
'maxWidth',
|
|
87
|
+
'padding',
|
|
89
88
|
];
|
|
90
89
|
exports.buildStackRootStyles = (0, foundation_tokens_1.styleFunction)(_buildRootStyles, _keyProps);
|
|
91
|
-
//# sourceMappingURL=Stack.tokens.js.map
|
|
90
|
+
//# sourceMappingURL=Stack.tokens.js.map
|