@fluentui-react-native/stack 0.11.1 → 0.11.4
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/.cache/tsconfig.tsbuildinfo +1 -0
- package/CHANGELOG.md +51 -0
- package/jest.config.cjs +1 -0
- package/lib/Stack.d.ts +3 -3
- package/lib/Stack.d.ts.map +1 -1
- package/lib/Stack.js +1 -1
- package/lib/Stack.js.map +1 -1
- package/lib/Stack.tokens.js.map +1 -1
- package/lib/StackItem/StackItem.d.ts.map +1 -1
- package/lib/StackItem/StackItem.tokens.js.map +1 -1
- package/lib/StackUtils.js.map +1 -1
- package/lib/StackUtils.test.win32.js.map +1 -1
- package/lib/__tests__/Stack.test.js +1 -3
- package/lib/__tests__/Stack.test.js.map +1 -1
- package/package.json +28 -33
- package/src/Stack.tsx +1 -1
- package/tsconfig.json +38 -3
- package/babel.config.js +0 -1
- package/eslint.config.js +0 -3
- package/jest.config.js +0 -2
- package/lib-commonjs/Stack.d.ts +0 -15
- package/lib-commonjs/Stack.d.ts.map +0 -1
- package/lib-commonjs/Stack.js +0 -103
- package/lib-commonjs/Stack.js.map +0 -1
- package/lib-commonjs/Stack.settings.d.ts +0 -4
- package/lib-commonjs/Stack.settings.d.ts.map +0 -1
- package/lib-commonjs/Stack.settings.js +0 -63
- package/lib-commonjs/Stack.settings.js.map +0 -1
- package/lib-commonjs/Stack.tokens.d.ts +0 -6
- package/lib-commonjs/Stack.tokens.d.ts.map +0 -1
- package/lib-commonjs/Stack.tokens.js +0 -91
- package/lib-commonjs/Stack.tokens.js.map +0 -1
- package/lib-commonjs/Stack.types.d.ts +0 -108
- package/lib-commonjs/Stack.types.d.ts.map +0 -1
- package/lib-commonjs/Stack.types.js +0 -5
- package/lib-commonjs/Stack.types.js.map +0 -1
- package/lib-commonjs/StackItem/StackItem.d.ts +0 -5
- package/lib-commonjs/StackItem/StackItem.d.ts.map +0 -1
- package/lib-commonjs/StackItem/StackItem.js +0 -17
- package/lib-commonjs/StackItem/StackItem.js.map +0 -1
- package/lib-commonjs/StackItem/StackItem.settings.d.ts +0 -4
- package/lib-commonjs/StackItem/StackItem.settings.d.ts.map +0 -1
- package/lib-commonjs/StackItem/StackItem.settings.js +0 -15
- package/lib-commonjs/StackItem/StackItem.settings.js.map +0 -1
- package/lib-commonjs/StackItem/StackItem.tokens.d.ts +0 -6
- package/lib-commonjs/StackItem/StackItem.tokens.d.ts.map +0 -1
- package/lib-commonjs/StackItem/StackItem.tokens.js +0 -24
- package/lib-commonjs/StackItem/StackItem.tokens.js.map +0 -1
- package/lib-commonjs/StackItem/StackItem.types.d.ts +0 -52
- package/lib-commonjs/StackItem/StackItem.types.d.ts.map +0 -1
- package/lib-commonjs/StackItem/StackItem.types.js +0 -5
- package/lib-commonjs/StackItem/StackItem.types.js.map +0 -1
- package/lib-commonjs/StackUtils.d.ts +0 -20
- package/lib-commonjs/StackUtils.d.ts.map +0 -1
- package/lib-commonjs/StackUtils.js +0 -63
- package/lib-commonjs/StackUtils.js.map +0 -1
- package/lib-commonjs/StackUtils.test.win32.d.ts +0 -2
- package/lib-commonjs/StackUtils.test.win32.d.ts.map +0 -1
- package/lib-commonjs/StackUtils.test.win32.js +0 -56
- package/lib-commonjs/StackUtils.test.win32.js.map +0 -1
- package/lib-commonjs/__tests__/Stack.test.d.ts +0 -2
- package/lib-commonjs/__tests__/Stack.test.d.ts.map +0 -1
- package/lib-commonjs/__tests__/Stack.test.js +0 -50
- package/lib-commonjs/__tests__/Stack.test.js.map +0 -1
- package/lib-commonjs/index.d.ts +0 -7
- package/lib-commonjs/index.d.ts.map +0 -1
- package/lib-commonjs/index.js +0 -12
- package/lib-commonjs/index.js.map +0 -1
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import type { DimensionValue, ViewProps } from 'react-native';
|
|
2
|
-
export declare const stackItemName = "RNFStackItem";
|
|
3
|
-
/**
|
|
4
|
-
* Stack item props
|
|
5
|
-
*/
|
|
6
|
-
export interface IStackItemTokens extends ViewProps {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the margin to be applied to the StackItem relative to its container.
|
|
9
|
-
*/
|
|
10
|
-
margin?: DimensionValue;
|
|
11
|
-
/**
|
|
12
|
-
* Defines the padding to be applied to the StackItem contents relative to its border.
|
|
13
|
-
*/
|
|
14
|
-
padding?: DimensionValue;
|
|
15
|
-
/**
|
|
16
|
-
* Defines how much to grow the StackItem in proportion to its siblings.
|
|
17
|
-
*/
|
|
18
|
-
grow?: boolean | number | 'inherit' | 'initial' | 'unset';
|
|
19
|
-
/**
|
|
20
|
-
* Defines at what ratio should the StackItem shrink to fit the available space.
|
|
21
|
-
*/
|
|
22
|
-
shrink?: boolean | number | 'inherit' | 'initial' | 'unset';
|
|
23
|
-
/**
|
|
24
|
-
* Defines whether the StackItem should be prevented from shrinking.
|
|
25
|
-
* This can be used to prevent a StackItem from shrinking when it is inside of a Stack that has shrinking items.
|
|
26
|
-
* @defaultvalue false
|
|
27
|
-
*/
|
|
28
|
-
disableShrink?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Defines how to align the StackItem along the x-axis (for vertical Stacks) or the y-axis (for horizontal Stacks).
|
|
31
|
-
*/
|
|
32
|
-
align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end';
|
|
33
|
-
/**
|
|
34
|
-
* Defines whether the StackItem should take up 100% of the height of its parent.
|
|
35
|
-
* @defaultvalue true
|
|
36
|
-
*/
|
|
37
|
-
verticalFill?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Defines order of the StackItem.
|
|
40
|
-
* @defaultvalue 0
|
|
41
|
-
*/
|
|
42
|
-
order?: number | string;
|
|
43
|
-
}
|
|
44
|
-
export type IStackItemProps = IStackItemTokens & ViewProps;
|
|
45
|
-
export interface IStackItemType {
|
|
46
|
-
props: IStackItemProps;
|
|
47
|
-
slotProps: {
|
|
48
|
-
root: ViewProps;
|
|
49
|
-
};
|
|
50
|
-
tokens: IStackItemTokens;
|
|
51
|
-
}
|
|
52
|
-
//# sourceMappingURL=StackItem.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.types.d.ts","sourceRoot":"","sources":["../../src/StackItem/StackItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,eAAO,MAAM,aAAa,iBAAiB,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAErE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE;QACT,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.types.js","sourceRoot":"","sources":["../../src/StackItem/StackItem.types.ts"],"names":[],"mappings":";;;AAEa,QAAA,aAAa,GAAG,cAAc,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { Spacing, Theme } from '@fluentui-react-native/framework';
|
|
2
|
-
export interface IParseGapResult {
|
|
3
|
-
rowGap: number;
|
|
4
|
-
columnGap: number;
|
|
5
|
-
}
|
|
6
|
-
type SpacingGapValue = `${number}px` | `${number}` | keyof Spacing;
|
|
7
|
-
/**
|
|
8
|
-
* Takes in a gap size in either a CSS-style format (e.g. 10 or "10px")
|
|
9
|
-
* or a key of a themed spacing value (e.g. "s1").
|
|
10
|
-
* Returns the separate numerical value of the padding (e.g. 10)
|
|
11
|
-
* and the CSS unit (e.g. "px").
|
|
12
|
-
*/
|
|
13
|
-
export declare function parseGap(gap: number | SpacingGapValue | `${SpacingGapValue} ${SpacingGapValue}` | undefined, theme: Theme): IParseGapResult;
|
|
14
|
-
/**
|
|
15
|
-
* Takes in a padding in a CSS-style format (e.g. 10, "10px"), or a key of a themed spacing value
|
|
16
|
-
* (e.g. "s1")
|
|
17
|
-
*/
|
|
18
|
-
export declare function parsePadding(padding: keyof Spacing | number | `${number}px` | undefined, theme: Theme): number | undefined;
|
|
19
|
-
export {};
|
|
20
|
-
//# sourceMappingURL=StackUtils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackUtils.d.ts","sourceRoot":"","sources":["../src/StackUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAuBvE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;AAEnE;;;;;GAKG;AACH,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,GAAG,eAAe,IAAI,eAAe,EAAE,GAAG,SAAS,EACnF,KAAK,EAAE,KAAK,GACX,eAAe,CAsBjB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAM1H"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.parseGap = parseGap;
|
|
4
|
-
exports.parsePadding = parsePadding;
|
|
5
|
-
/**
|
|
6
|
-
* Functions used by Stack components to simplify style-related computations
|
|
7
|
-
*/
|
|
8
|
-
// temporary hack to unblock this code while theme spacing types are agreed upon
|
|
9
|
-
const _spacingKey = 'spacing';
|
|
10
|
-
// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.
|
|
11
|
-
const _getThemedSpacing = (space, theme) => {
|
|
12
|
-
const spacing = theme[_spacingKey];
|
|
13
|
-
if (spacing && typeof spacing === 'object' && typeof space === 'string') {
|
|
14
|
-
if (spacing.hasOwnProperty(space)) {
|
|
15
|
-
space = spacing[space];
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
const numericalPart = parseFloat(space);
|
|
19
|
-
const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;
|
|
20
|
-
return numericalValue;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* Takes in a gap size in either a CSS-style format (e.g. 10 or "10px")
|
|
24
|
-
* or a key of a themed spacing value (e.g. "s1").
|
|
25
|
-
* Returns the separate numerical value of the padding (e.g. 10)
|
|
26
|
-
* and the CSS unit (e.g. "px").
|
|
27
|
-
*/
|
|
28
|
-
function parseGap(gap, theme) {
|
|
29
|
-
const result = {
|
|
30
|
-
rowGap: 0,
|
|
31
|
-
columnGap: 0,
|
|
32
|
-
};
|
|
33
|
-
if (gap) {
|
|
34
|
-
if (typeof gap === 'number') {
|
|
35
|
-
result.rowGap = gap;
|
|
36
|
-
result.columnGap = gap;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
const splitGap = gap.split(' ');
|
|
40
|
-
if (splitGap.length === 2) {
|
|
41
|
-
result.rowGap = _getThemedSpacing(splitGap[0], theme);
|
|
42
|
-
result.columnGap = _getThemedSpacing(splitGap[1], theme);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
const calculatedGap = _getThemedSpacing(gap, theme);
|
|
46
|
-
result.rowGap = calculatedGap;
|
|
47
|
-
result.columnGap = calculatedGap;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return result;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Takes in a padding in a CSS-style format (e.g. 10, "10px"), or a key of a themed spacing value
|
|
55
|
-
* (e.g. "s1")
|
|
56
|
-
*/
|
|
57
|
-
function parsePadding(padding, theme) {
|
|
58
|
-
if (padding === undefined || typeof padding === 'number') {
|
|
59
|
-
return padding;
|
|
60
|
-
}
|
|
61
|
-
return _getThemedSpacing(padding, theme);
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=StackUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackUtils.js","sourceRoot":"","sources":["../src/StackUtils.ts"],"names":[],"mappings":";;;;AAEA;;GAEG;AAEH,gFAAgF;AAChF,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,2GAA2G;AAC3G,MAAM,iBAAiB,GAAG,CAAC,KAAkD,EAAE,KAAY,EAAU,EAAE,CAAC;IACtG,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxE,IAAI,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,OAAO,cAAc,CAAC;AAAA,CACvB,CAAC;AASF;;;;;GAKG;AACH,kBACE,GAAmF,EACnF,KAAY,EACK;IACjB,MAAM,MAAM,GAAoB;QAC9B,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,CAAC;KACb,CAAC;IACF,IAAI,GAAG,EAAE,CAAC;QACR,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;YACpB,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC1B,MAAM,CAAC,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;gBACzE,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;YAC9E,CAAC;iBAAM,CAAC;gBACN,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAsB,EAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC;gBAC9B,MAAM,CAAC,SAAS,GAAG,aAAa,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAAA,CACf;AAED;;;GAGG;AACH,sBAA6B,OAA2D,EAAE,KAAY,EAAsB;IAC1H,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,OAA6B,CAAC;IACvC,CAAC;IAED,OAAO,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAAA,CAC1C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackUtils.test.win32.d.ts","sourceRoot":"","sources":["../src/StackUtils.test.win32.ts"],"names":[],"mappings":""}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const StackUtils_1 = require("./StackUtils");
|
|
4
|
-
describe('StackUtils', () => {
|
|
5
|
-
describe('parseGap', () => {
|
|
6
|
-
const theme = {
|
|
7
|
-
spacing: { m: '16em' },
|
|
8
|
-
};
|
|
9
|
-
it('returns a default value when given undefined', () => {
|
|
10
|
-
expect((0, StackUtils_1.parseGap)(undefined, theme)).toEqual({ rowGap: { value: 0, unit: 'px' }, columnGap: { value: 0, unit: 'px' } });
|
|
11
|
-
});
|
|
12
|
-
it('returns a value with px when given a number', () => {
|
|
13
|
-
expect((0, StackUtils_1.parseGap)(10, theme)).toEqual({ rowGap: { value: 10, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
|
|
14
|
-
});
|
|
15
|
-
it('can parse a string with px', () => {
|
|
16
|
-
expect((0, StackUtils_1.parseGap)('32px', theme)).toEqual({ rowGap: { value: 32, unit: 'px' }, columnGap: { value: 32, unit: 'px' } });
|
|
17
|
-
});
|
|
18
|
-
it('can parse a string with a float', () => {
|
|
19
|
-
expect((0, StackUtils_1.parseGap)('20.5px', theme)).toEqual({ rowGap: { value: 20.5, unit: 'px' }, columnGap: { value: 20.5, unit: 'px' } });
|
|
20
|
-
});
|
|
21
|
-
it('parses the value from the theme when given a spacing key', () => {
|
|
22
|
-
expect((0, StackUtils_1.parseGap)('m', theme)).toEqual({ rowGap: { value: 16, unit: 'em' }, columnGap: { value: 16, unit: 'em' } });
|
|
23
|
-
});
|
|
24
|
-
it('can parse a string with both horizontal and vertical gap', () => {
|
|
25
|
-
expect((0, StackUtils_1.parseGap)('30px 10px', theme)).toEqual({ rowGap: { value: 30, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
|
|
26
|
-
});
|
|
27
|
-
it('defaults to px with a string with horizontal and vertical gap with no units', () => {
|
|
28
|
-
expect((0, StackUtils_1.parseGap)('50 30', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 30, unit: 'px' } });
|
|
29
|
-
});
|
|
30
|
-
it('can parse a string with horizontal and vertical gap with one of them getting value from the theme when given a spacing key', () => {
|
|
31
|
-
expect((0, StackUtils_1.parseGap)('50px m', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 16, unit: 'em' } });
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
describe('parsePadding', () => {
|
|
35
|
-
const theme = {
|
|
36
|
-
spacing: {
|
|
37
|
-
s2: '5px',
|
|
38
|
-
s1: '10px',
|
|
39
|
-
m: '15px',
|
|
40
|
-
l1: '20px',
|
|
41
|
-
l2: '25px',
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
it('returns its argument when given undefined, a number, or an empty string', () => {
|
|
45
|
-
expect((0, StackUtils_1.parsePadding)(undefined, theme)).toEqual(undefined);
|
|
46
|
-
expect((0, StackUtils_1.parsePadding)(0, theme)).toEqual(0);
|
|
47
|
-
});
|
|
48
|
-
it('returns its argument when given a CSS-style padding', () => {
|
|
49
|
-
expect((0, StackUtils_1.parsePadding)('10px', theme)).toEqual('10px');
|
|
50
|
-
});
|
|
51
|
-
it('converts themed spacing keys to CSS-style paddings', () => {
|
|
52
|
-
expect((0, StackUtils_1.parsePadding)('s2', theme)).toEqual('5px');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
//# sourceMappingURL=StackUtils.test.win32.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StackUtils.test.win32.js","sourceRoot":"","sources":["../src/StackUtils.test.win32.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
|
-
const react_1 = require("react");
|
|
38
|
-
const text_1 = require("@fluentui-react-native/text");
|
|
39
|
-
const renderer = __importStar(require("react-test-renderer"));
|
|
40
|
-
const __1 = require("..");
|
|
41
|
-
it('Stack with tokens', () => {
|
|
42
|
-
let component;
|
|
43
|
-
(0, react_1.act)(() => {
|
|
44
|
-
component = renderer.create(jsx_runtime_1.jsxs(__1.Stack, { maxWidth: 400, gap: 8, padding: 16, children: [
|
|
45
|
-
jsx_runtime_1.jsx(text_1.Text, { children: "Hello" }), jsx_runtime_1.jsx(text_1.Text, { children: "Hello" }), jsx_runtime_1.jsx(text_1.Text, { children: "Hello" })
|
|
46
|
-
] }));
|
|
47
|
-
});
|
|
48
|
-
expect(component.toJSON()).toMatchSnapshot();
|
|
49
|
-
});
|
|
50
|
-
//# sourceMappingURL=Stack.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.test.js","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAE5B,sDAAmD;AACnD,MAAY,QAAQ,gDAA4B;AAEhD,0BAA2B;AAE3B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC;IAC5B,IAAI,SAAqC,CAAC;IAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,mBAAC,SAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;gBACvC,kBAAC,WAAI,wBAAa,EAClB,kBAAC,WAAI,wBAAa,EAClB,kBAAC,WAAI,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-commonjs/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { stackItemName } from './StackItem/StackItem.types';
|
|
2
|
-
export type { IStackItemProps, IStackItemTokens, IStackItemType } from './StackItem/StackItem.types';
|
|
3
|
-
export { StackItem } from './StackItem/StackItem';
|
|
4
|
-
export { stackName } from './Stack.types';
|
|
5
|
-
export type { Alignment, IStackProps, IStackRenderData, IStackSlotProps, IStackStatics, IStackTokens, IStackType } from './Stack.types';
|
|
6
|
-
export { Stack } from './Stack';
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxI,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
package/lib-commonjs/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Stack = exports.stackName = exports.StackItem = exports.stackItemName = void 0;
|
|
4
|
-
const StackItem_types_1 = require("./StackItem/StackItem.types");
|
|
5
|
-
Object.defineProperty(exports, "stackItemName", { enumerable: true, get: function () { return StackItem_types_1.stackItemName; } });
|
|
6
|
-
const StackItem_1 = require("./StackItem/StackItem");
|
|
7
|
-
Object.defineProperty(exports, "StackItem", { enumerable: true, get: function () { return StackItem_1.StackItem; } });
|
|
8
|
-
const Stack_types_1 = require("./Stack.types");
|
|
9
|
-
Object.defineProperty(exports, "stackName", { enumerable: true, get: function () { return Stack_types_1.stackName; } });
|
|
10
|
-
const Stack_1 = require("./Stack");
|
|
11
|
-
Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iEAA4D;AAAnD,gHAAA,aAAa,OAAA;AAEtB,qDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,+CAA0C;AAAjC,wGAAA,SAAS,OAAA;AAElB,mCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
|