@fluentui-react-native/stack 0.11.0 → 0.11.3

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Change Log - @fluentui-react-native/stack
 
+## 0.11.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @uifabricshared/foundation-composable@0.14.3
+  - @uifabricshared/foundation-settings@0.16.3
+  - @uifabricshared/foundation-compose@1.16.3
+  - @uifabricshared/foundation-tokens@0.16.3
+  - @fluentui-react-native/framework@0.15.3
+  - @fluentui-react-native/adapters@0.14.3
+  - @fluentui-react-native/tokens@0.24.3
+
+## 0.11.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @uifabricshared/foundation-composable@0.14.2
+  - @uifabricshared/foundation-settings@0.16.2
+  - @uifabricshared/foundation-compose@1.16.2
+  - @uifabricshared/foundation-tokens@0.16.2
+  - @fluentui-react-native/framework@0.15.2
+  - @fluentui-react-native/adapters@0.14.2
+  - @fluentui-react-native/tokens@0.24.2
+
+## 0.11.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @uifabricshared/foundation-composable@0.14.1
+  - @uifabricshared/foundation-settings@0.16.1
+  - @uifabricshared/foundation-compose@1.16.1
+  - @uifabricshared/foundation-tokens@0.16.1
+  - @fluentui-react-native/framework@0.15.1
+  - @fluentui-react-native/adapters@0.14.1
+  - @fluentui-react-native/tokens@0.24.1
+
 ## 0.11.0
 
 ### Minor Changes

package/lib/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/Stack.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import * as React from 'react';
 import { View } from 'react-native';
@@ -11,54 +11,54 @@ import { buildStackRootStyles, buildStackInnerStyles } from './Stack.tokens';
 import { stackName } from './Stack.types';
 import StackItem from './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(Slots.root, { children: _jsx(Slots.inner, { children: children }) });
-  }
-  return _jsx(Slots.root, { children: children });
+    }
+    if (wrap) {
+        return (_jsx(Slots.root, { children: _jsx(Slots.inner, { children: children }) }));
+    }
+    return _jsx(Slots.root, { children: children });
 };
 export const Stack = compose({
-  displayName: stackName,
-  settings,
-  statics: {
-    Item: StackItem,
-  },
-  usePrepareProps: (props, useStyling) => {
-    const { gap, horizontal, wrap, ...rest } = props;
-    return {
-      slotProps: mergeSettings(useStyling(props), { root: rest }),
-      state: { gap, horizontal, wrap },
-    };
-  },
-  render: render,
-  slots: {
-    root: { slotType: View, filter: filterViewProps },
-    inner: { slotType: View, filter: filterViewProps },
-  },
-  styles: {
-    root: [buildStackRootStyles, backgroundColorTokens, borderTokens],
-    inner: [buildStackInnerStyles],
-  },
+    displayName: stackName,
+    settings,
+    statics: {
+        Item: StackItem,
+    },
+    usePrepareProps: (props, useStyling) => {
+        const { gap, horizontal, wrap, ...rest } = props;
+        return {
+            slotProps: mergeSettings(useStyling(props), { root: rest }),
+            state: { gap, horizontal, wrap },
+        };
+    },
+    render: render,
+    slots: {
+        root: { slotType: View, filter: filterViewProps },
+        inner: { slotType: View, filter: filterViewProps },
+    },
+    styles: {
+        root: [buildStackRootStyles, backgroundColorTokens, borderTokens],
+        inner: [buildStackInnerStyles],
+    },
 });
 export default Stack;
-//# sourceMappingURL=Stack.js.map
+//# sourceMappingURL=Stack.js.map

package/lib/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/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/Stack.settings.js

@@ -1,60 +1,60 @@
 import { stackName } from './Stack.types';
 export const 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',
+                    },
+                },
+            },
         },
-      },
     },
-  },
-  stackName,
+    stackName,
 ];
-//# sourceMappingURL=Stack.settings.js.map
+//# sourceMappingURL=Stack.settings.js.map

package/lib/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/Stack.tokens.js

@@ -1,87 +1,88 @@
 import { styleFunction } from '@uifabricshared/foundation-tokens';
 import { parseGap, parsePadding } from './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 } = parseGap(childrenGap, theme);
-  if (wrap) {
-    innerStyle = {
-      rowGap: rowGap,
-      columnGap: columnGap,
-      padding: 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 } = parseGap(childrenGap, theme);
+    if (wrap) {
+        innerStyle = {
+            rowGap: rowGap,
+            columnGap: columnGap,
+            padding: 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 };
 }
 export const buildStackInnerStyles = 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 = 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 = 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',
 ];
 export const buildStackRootStyles = styleFunction(_buildRootStyles, _keyProps);
-//# sourceMappingURL=Stack.tokens.js.map
+//# sourceMappingURL=Stack.tokens.js.map