@fluentui-react-native/stack 0.11.0 → 0.11.3

package/lib/__tests__/Stack.test.js

@@ -1,20 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { act } from 'react';
 import { Text } from '@fluentui-react-native/text';
 import * as renderer from 'react-test-renderer';
 import { Stack } from '..';
 it('Stack with tokens', () => {
-  let component;
-  act(() => {
-    component = renderer.create(
-      _jsxs(Stack, {
-        maxWidth: 400,
-        gap: 8,
-        padding: 16,
-        children: [_jsx(Text, { children: 'Hello' }), _jsx(Text, { children: 'Hello' }), _jsx(Text, { children: 'Hello' })],
-      }),
-    );
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    let component;
+    act(() => {
+        component = renderer.create(_jsxs(Stack, { maxWidth: 400, gap: 8, padding: 16, children: [
+                _jsx(Text, { children: "Hello" }), _jsx(Text, { children: "Hello" }), _jsx(Text, { children: "Hello" })
+            ] }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=Stack.test.js.map
+//# sourceMappingURL=Stack.test.js.map

package/lib/index.d.ts

@@ -4,4 +4,4 @@ export { StackItem } from './StackItem/StackItem';
 export { stackName } from './Stack.types';
 export type { Alignment, IStackProps, IStackRenderData, IStackSlotProps, IStackStatics, IStackTokens, IStackType } from './Stack.types';
 export { Stack } from './Stack';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -2,4 +2,4 @@ export { stackItemName } from './StackItem/StackItem.types';
 export { StackItem } from './StackItem/StackItem';
 export { stackName } from './Stack.types';
 export { Stack } from './Stack';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Stack.d.ts

@@ -1,21 +1,15 @@
 import type { IStackProps, IStackSlotProps } from './Stack.types';
 declare global {
-  namespace NodeJS {
-    interface Global {
-      __jsiExecutorDescription: any;
+    namespace NodeJS {
+        interface Global {
+            __jsiExecutorDescription: any;
+        }
     }
-  }
 }
-export declare const Stack: import('@uifabricshared/foundation-compose').IComposeReturnType<
-  IStackProps,
-  IStackSlotProps,
-  import('./Stack.types').IStackTokens,
-  {
+export declare const Stack: import("@uifabricshared/foundation-compose").IComposeReturnType<IStackProps, IStackSlotProps, import("./Stack.types").IStackTokens, {
     gap: number;
     horizontal: boolean;
     wrap: boolean;
-  },
-  import('./Stack.types').IStackStatics
->;
+}, import("./Stack.types").IStackStatics>;
 export default Stack;
-//# sourceMappingURL=Stack.d.ts.map
+//# sourceMappingURL=Stack.d.ts.map

package/lib-commonjs/Stack.js

@@ -1,122 +1,103 @@
-'use strict';
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, 'default', { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o['default'] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  (function () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stack = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const React = __importStar(require('react'));
-const react_native_1 = require('react-native');
-const adapters_1 = require('@fluentui-react-native/adapters');
-const tokens_1 = require('@fluentui-react-native/tokens');
-const foundation_compose_1 = require('@uifabricshared/foundation-compose');
-const foundation_settings_1 = require('@uifabricshared/foundation-settings');
-const Stack_settings_1 = require('./Stack.settings');
-const Stack_tokens_1 = require('./Stack.tokens');
-const Stack_types_1 = require('./Stack.types');
-const StackItem_1 = __importDefault(require('./StackItem/StackItem'));
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const adapters_1 = require("@fluentui-react-native/adapters");
+const tokens_1 = require("@fluentui-react-native/tokens");
+const foundation_compose_1 = require("@uifabricshared/foundation-compose");
+const foundation_settings_1 = require("@uifabricshared/foundation-settings");
+const Stack_settings_1 = require("./Stack.settings");
+const Stack_tokens_1 = require("./Stack.tokens");
+const Stack_types_1 = require("./Stack.types");
+const StackItem_1 = __importDefault(require("./StackItem/StackItem"));
 function _mixinStyle(style, mixin) {
-  return style ? [style, mixin] : mixin;
+    return style ? [style, mixin] : mixin;
 }
 const _styleKey = 'style';
 const render = (Slots, renderData, ...children) => {
-  const { gap, horizontal, wrap } = renderData.state;
-  if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {
-    const extraStyle = horizontal ? { marginLeft: gap } : { marginTop: gap };
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore - TODO, fix typing error
-    children = React.Children.map(children, (child, index) => {
-      if (React.isValidElement(child) && index > 0) {
-        const childProps = child.props;
-        const extraProps = { style: _mixinStyle(childProps[_styleKey], extraStyle) };
-        return React.cloneElement(child, {
-          ...childProps,
-          ...extraProps,
+    const { gap, horizontal, wrap } = renderData.state;
+    if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {
+        const extraStyle = horizontal ? { marginLeft: gap } : { marginTop: gap };
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error - TODO, fix typing error
+        children = React.Children.map(children, (child, index) => {
+            if (React.isValidElement(child) && index > 0) {
+                const childProps = child.props;
+                const extraProps = { style: _mixinStyle(childProps[_styleKey], extraStyle) };
+                return React.cloneElement(child, {
+                    ...childProps,
+                    ...extraProps,
+                });
+            }
+            return child;
         });
-      }
-      return child;
-    });
-  }
-  if (wrap) {
-    return jsx_runtime_1.jsx(Slots.root, { children: jsx_runtime_1.jsx(Slots.inner, { children: children }) });
-  }
-  return jsx_runtime_1.jsx(Slots.root, { children: children });
+    }
+    if (wrap) {
+        return (jsx_runtime_1.jsx(Slots.root, { children: jsx_runtime_1.jsx(Slots.inner, { children: children }) }));
+    }
+    return jsx_runtime_1.jsx(Slots.root, { children: children });
 };
 exports.Stack = (0, foundation_compose_1.compose)({
-  displayName: Stack_types_1.stackName,
-  settings: Stack_settings_1.settings,
-  statics: {
-    Item: StackItem_1.default,
-  },
-  usePrepareProps: (props, useStyling) => {
-    const { gap, horizontal, wrap, ...rest } = props;
-    return {
-      slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(props), { root: rest }),
-      state: { gap, horizontal, wrap },
-    };
-  },
-  render: render,
-  slots: {
-    root: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
-    inner: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
-  },
-  styles: {
-    root: [Stack_tokens_1.buildStackRootStyles, tokens_1.backgroundColorTokens, tokens_1.borderTokens],
-    inner: [Stack_tokens_1.buildStackInnerStyles],
-  },
+    displayName: Stack_types_1.stackName,
+    settings: Stack_settings_1.settings,
+    statics: {
+        Item: StackItem_1.default,
+    },
+    usePrepareProps: (props, useStyling) => {
+        const { gap, horizontal, wrap, ...rest } = props;
+        return {
+            slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(props), { root: rest }),
+            state: { gap, horizontal, wrap },
+        };
+    },
+    render: render,
+    slots: {
+        root: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
+        inner: { slotType: react_native_1.View, filter: adapters_1.filterViewProps },
+    },
+    styles: {
+        root: [Stack_tokens_1.buildStackRootStyles, tokens_1.backgroundColorTokens, tokens_1.borderTokens],
+        inner: [Stack_tokens_1.buildStackInnerStyles],
+    },
 });
 exports.default = exports.Stack;
-//# sourceMappingURL=Stack.js.map
+//# sourceMappingURL=Stack.js.map

package/lib-commonjs/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/Stack.settings.d.ts

@@ -1,4 +1,4 @@
 import type { IComposeSettings } from '@uifabricshared/foundation-compose';
 import type { IStackType } from './Stack.types';
 export declare const settings: IComposeSettings<IStackType>;
-//# sourceMappingURL=Stack.settings.d.ts.map
+//# sourceMappingURL=Stack.settings.d.ts.map

package/lib-commonjs/Stack.settings.js

@@ -1,63 +1,63 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.settings = void 0;
-const Stack_types_1 = require('./Stack.types');
+const Stack_types_1 = require("./Stack.types");
 exports.settings = [
-  {
-    root: {
-      style: {
-        display: 'flex',
-      },
-    },
-    inner: {
-      style: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        overflow: 'visible',
-      },
-    },
-    _overrides: {
-      horizontal: {
+    {
         root: {
-          style: {
-            flexDirection: 'row',
-          },
-        },
-        _overrides: {
-          reversed: {
-            root: {
-              style: {
-                flexDirection: 'column-reverse',
-              },
+            style: {
+                display: 'flex',
             },
-          },
         },
-      },
-      reversed: {
-        root: {
-          style: {
-            flexDirection: 'row-reverse',
-          },
-        },
-      },
-      verticalFill: {
-        root: {
-          style: {
-            height: '100%',
-          },
+        inner: {
+            style: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                overflow: 'visible',
+            },
         },
-      },
-      wrap: {
-        root: {
-          style: {
-            flexWrap: 'wrap',
-            height: '100%',
-            overflow: 'visible',
-          },
+        _overrides: {
+            horizontal: {
+                root: {
+                    style: {
+                        flexDirection: 'row',
+                    },
+                },
+                _overrides: {
+                    reversed: {
+                        root: {
+                            style: {
+                                flexDirection: 'column-reverse',
+                            },
+                        },
+                    },
+                },
+            },
+            reversed: {
+                root: {
+                    style: {
+                        flexDirection: 'row-reverse',
+                    },
+                },
+            },
+            verticalFill: {
+                root: {
+                    style: {
+                        height: '100%',
+                    },
+                },
+            },
+            wrap: {
+                root: {
+                    style: {
+                        flexWrap: 'wrap',
+                        height: '100%',
+                        overflow: 'visible',
+                    },
+                },
+            },
         },
-      },
     },
-  },
-  Stack_types_1.stackName,
+    Stack_types_1.stackName,
 ];
-//# sourceMappingURL=Stack.settings.js.map
+//# sourceMappingURL=Stack.settings.js.map

package/lib-commonjs/Stack.tokens.d.ts

@@ -1,6 +1,6 @@
 import type { ViewProps } from 'react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import type { IStackTokens } from './Stack.types';
-export declare const buildStackInnerStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
-export declare const buildStackRootStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
-//# sourceMappingURL=Stack.tokens.d.ts.map
+export declare const buildStackInnerStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
+export declare const buildStackRootStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
+//# sourceMappingURL=Stack.tokens.d.ts.map

package/lib-commonjs/Stack.tokens.js

@@ -1,90 +1,91 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStackRootStyles = exports.buildStackInnerStyles = void 0;
-const foundation_tokens_1 = require('@uifabricshared/foundation-tokens');
-const StackUtils_1 = require('./StackUtils');
+const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
+const StackUtils_1 = require("./StackUtils");
 const nameMap = {
-  start: 'flex-start',
-  end: 'flex-end',
+    start: 'flex-start',
+    end: 'flex-end',
 };
 function _mapAlignment(horizontal, horizontalAlign, verticalAlign, style) {
-  const alignValue = horizontal ? verticalAlign : horizontalAlign;
-  if (alignValue) {
-    style.alignItems = nameMap[alignValue] || alignValue;
-  }
-  const justifyValue = horizontal ? horizontalAlign : verticalAlign;
-  if (justifyValue) {
-    style.justifyContent = nameMap[justifyValue] || justifyValue;
-  }
+    const alignValue = horizontal ? verticalAlign : horizontalAlign;
+    if (alignValue) {
+        style.alignItems = (nameMap[alignValue] || alignValue);
+    }
+    const justifyValue = horizontal ? horizontalAlign : verticalAlign;
+    if (justifyValue) {
+        style.justifyContent = (nameMap[justifyValue] || justifyValue);
+    }
 }
 const _innerKeyProps = [
-  'horizontal',
-  // 'reversed',
-  'gap',
-  'horizontalAlign',
-  'verticalAlign',
-  // 'disableShrink',
-  'childrenGap',
-  'padding',
+    'horizontal',
+    // 'reversed',
+    'gap',
+    'horizontalAlign',
+    'verticalAlign',
+    // 'disableShrink',
+    'childrenGap',
+    'padding',
 ];
 function _buildInnerStyles(tokenProps, theme) {
-  const { horizontal, wrap, horizontalAlign, verticalAlign, padding } = tokenProps;
-  let innerStyle = undefined;
-  const childrenGap = tokenProps.childrenGap || tokenProps.gap;
-  const { rowGap, columnGap } = (0, StackUtils_1.parseGap)(childrenGap, theme);
-  if (wrap) {
-    innerStyle = {
-      rowGap: rowGap,
-      columnGap: columnGap,
-      padding: (0, StackUtils_1.parsePadding)(padding, theme),
-      width: '100%',
-    };
-    _mapAlignment(!!horizontal, horizontalAlign, verticalAlign, innerStyle);
-    if (horizontal) {
-      innerStyle.height = '100%';
-    } else {
-      innerStyle.maxHeight = '100%';
-      innerStyle.height = '100%';
+    const { horizontal, wrap, horizontalAlign, verticalAlign, padding } = tokenProps;
+    let innerStyle = undefined;
+    const childrenGap = tokenProps.childrenGap || tokenProps.gap;
+    const { rowGap, columnGap } = (0, StackUtils_1.parseGap)(childrenGap, theme);
+    if (wrap) {
+        innerStyle = {
+            rowGap: rowGap,
+            columnGap: columnGap,
+            padding: (0, StackUtils_1.parsePadding)(padding, theme),
+            width: '100%',
+        };
+        _mapAlignment(!!horizontal, horizontalAlign, verticalAlign, innerStyle);
+        if (horizontal) {
+            innerStyle.height = '100%';
+        }
+        else {
+            innerStyle.maxHeight = '100%';
+            innerStyle.height = '100%';
+        }
     }
-  }
-  return { style: innerStyle };
+    return { style: innerStyle };
 }
 exports.buildStackInnerStyles = (0, foundation_tokens_1.styleFunction)(_buildInnerStyles, _innerKeyProps);
 function _buildRootStyles(tokenProps, theme) {
-  const { grow, horizontal, horizontalAlign, verticalAlign, maxHeight, maxWidth, padding, wrap } = tokenProps;
-  // const childrenGap = tokenProps.childrenGap || tokenProps.gap;
-  // const { rowGap, columnGap } = parseGap(childrenGap, theme);
-  const rootStyle = {
-    maxHeight,
-    maxWidth,
-  };
-  _mapAlignment(!!horizontal, horizontalAlign, verticalAlign, rootStyle);
-  if (grow && !wrap) {
-    rootStyle.flexGrow = typeof grow === 'boolean' ? (grow ? 1 : 0) : grow;
-    rootStyle.overflow = 'hidden';
-  }
-  if (!wrap) {
-    rootStyle.padding = (0, StackUtils_1.parsePadding)(padding, theme);
-  }
-  return { style: rootStyle };
-  // verticalFill,
-  // reversed,
-  // disableShrink,
+    const { grow, horizontal, horizontalAlign, verticalAlign, maxHeight, maxWidth, padding, wrap } = tokenProps;
+    // const childrenGap = tokenProps.childrenGap || tokenProps.gap;
+    // const { rowGap, columnGap } = parseGap(childrenGap, theme);
+    const rootStyle = {
+        maxHeight,
+        maxWidth,
+    };
+    _mapAlignment(!!horizontal, horizontalAlign, verticalAlign, rootStyle);
+    if (grow && !wrap) {
+        rootStyle.flexGrow = typeof grow === 'boolean' ? (grow ? 1 : 0) : grow;
+        rootStyle.overflow = 'hidden';
+    }
+    if (!wrap) {
+        rootStyle.padding = (0, StackUtils_1.parsePadding)(padding, theme);
+    }
+    return { style: rootStyle };
+    // verticalFill,
+    // reversed,
+    // disableShrink,
 }
 const _keyProps = [
-  // 'verticalFill',
-  'horizontal',
-  // 'reversed',
-  // 'gap',
-  'grow',
-  'wrap',
-  'horizontalAlign',
-  'verticalAlign',
-  // 'disableShrink',
-  // 'childrenGap',
-  'maxHeight',
-  'maxWidth',
-  'padding',
+    // 'verticalFill',
+    'horizontal',
+    // 'reversed',
+    // 'gap',
+    'grow',
+    'wrap',
+    'horizontalAlign',
+    'verticalAlign',
+    // 'disableShrink',
+    // 'childrenGap',
+    'maxHeight',
+    'maxWidth',
+    'padding',
 ];
 exports.buildStackRootStyles = (0, foundation_tokens_1.styleFunction)(_buildRootStyles, _keyProps);
-//# sourceMappingURL=Stack.tokens.js.map
+//# sourceMappingURL=Stack.tokens.js.map